素材巴巴 > 程序开发 >

【Angular】——指令

程序开发 2023-09-04 19:06:39

        在博客《AngularJS-mvc》中对指令已经有一个大概的认识,Angular内置的指令一般是以ng-*的形式存在,指令可使得我们方便快捷的达到想要的前台效果,内置指令的使用可以通过Angular提供的官方API学习使用。而Angular最吸引人的地方是用户可以自定义指令。首先我们来认识一下自定义指令中几个参数的含义。

自定义指令:

        使用module .directive(“指令名称”,function(){})来添加自定义的指令。

        要调用自定义指令,HTML元素上需要添加自定义指令名。使用驼峰法来命名一个指令例如: runoobDirective, 在页面使用时需要以 - 分割, runoob-directive。具体如下——

  
 


restrict 值可以是以下几种:

        E 作为元素名使用

        A 作为属性使用 (默认方式)

        C 作为类名使用

        M 作为注释使用

 

调用:

        元素名:

        属性: 

        类名:   

        注释: