angularJs自定义指令

本篇文章介绍的内容是关于angularJs自定义指令，现在分享给大家，有需要的朋友可以参考一下

1. 定义

对于指令，可以把它简单的理解成在特定DOM元素上运行的函数，指令可以扩展这个元素 的功能。

2.定义指令的方法：

<br/>

第一个参数，指令的名字myDirective 用来在视图中引用特定的指令。
第二个参数是一个函数，这个函数返回一个对象，$compile服务利用这个方法返回的对 象，在DOM调用指令时来构造指令的行为。

3.指令设置的选项

<br/>

1. restrict 指令在DOM中可以何种形式被引用或声明

   <br/>

   E（元素） b5164c6eb4c755b3ed092f376e3665a3adbb35bdcb0fb2fe4e0d48096f28053d 
   A（属性，默认值） 8066a80f647ec20c93ebbc89a765e30494b3e26ee717c64999d7867364b1b4a3 
   C（类名） 9a7983c293fa4b5ac5a3e7bc4fe6086c94b3e26ee717c64999d7867364b1b4a3 
   M（注释） 89e6d564547e5c29268e47edfa9a9b80

2. priority 优先级 用来表示指令使用的优先顺序
   如果一个元素上具有两个优先级相同的指令，声明在前面的那个会被优先调用。如果其中一 个的优先级更高，则不管声明的顺序如何都会被优先调用：具有更高优先级的指令总是优先运行。

3. terminal 用来告诉AngularJS停止运行当前元素上比本指令优先级低的指令。但同当前指令 优先级相同的指令还是会被执行。

   <br/>

4. template  
   用来表示模板，可以是一段字符串，如“4a249f0d628e2318394fd9b75b4636b1这是自定义指令2e9b454fa8428549ca2e64dfac4625cd”,也可以是一个函数，可以参考上面的例子

   <br/>

5. templateUrl 用来表示模板，与上面的template功能相似，但表示路径，可以是外部HTML文件路径的字符串也可以是一个可以接受两个参数的函数，参数为tElement和tAttrs，并返回一个外部HTML文件 路径的字符串。

6. replace 默认为false，模板会被当作子元素插入到调用此指令的元素内部，为true，则直接替换此元素

   <br/>

7. scope

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

   <br/>

8. controller
   controller参数可以是一个字符串或一个函数。当设置为字符串时，会以字符串的值为名字， 来查找注册在应用中的控制器的构造函数.当为函数时，可以像平时写控制器那样写，可以将任意可以被注入的AngularJS服务传递给控制器

9. controllerAs（字符串）
   controllerAs参数用来设置控制器的别名，可以以此为名来发布控制器，并且作用域可以访 问controllerAs。这样就可以在视图中引用控制器，甚至无需注入$scope。

10. require
    require参数可以被设置为字符串或数组，字符串代表另外一个指令的名字。require会将控 制器注入到其值所指定的指令中，并作为当前指令的链接函数的第四个参数。

    
    

以上是angularJs自定义指令的详细内容。更多信息请关注PHP中文网其他相关文章！