角指令之restict匹配模式的详解 - 行业资讯 - 肥雀云

<>强角指令之restict匹配模式的详解

　　　　　　& lt;身体data-ng-app=癿yapp”比; 　　& lt; runn2> & lt;/runn2> 　　& lt; div data-runn2> & lt;/div> 　　& lt; div类=" runn2 "祝辞& lt;/div> 　　& lt; !——指令:runn2——比; 　　& lt; script> 　　应用var=angular.module (“myapp”, []); 　　app.directive (runn2,函数(){ 　　返回{ 　　限制:“EACM”, 　　替换:没错, 　　模板:“& lt; h2>自定义指令& lt;/h2>” 　　}; 　　}); 　　& lt;/script> 　　之前　　　　

<强> restict匹配模式:分为四种:

1。元素匹配(E): & lt; runn2> & lt;/runn2>

2。属性匹配(默认)& lt; div data-runn2> & lt;/div>

3。样式类匹配(C) & lt; div类=皉unn2祝辞& lt;/div>

4。注释匹配(M) & lt; !——指令:runn2——在

<强>注意:指令前面需要有空格runn2后面需要有空格(这是一个小坑)

注释匹配无法增加多个标签例:模板:“& lt; h2>自定义指令& lt;/h2> & lt; h3>自定义指令& lt;/h3>”会导致报错

但是在& lt; div> & lt; h2>自定义指令& lt;/h2> & lt; h3>自定义指令& lt;/h3> & lt;/div>这样包含标签却是正常的,小坑一个

<强>注意:必须替换=true,否则注释匹配无法使用

推荐使用元素和属性的方式使用指令

当需要创建带有自己的模板的指令时,使用元素名称的方式创建指令

当需要为已有的HTML标签增加功能时,使用属性的方式创建指令