Angular指令之restict匹配模式的详解

前端之家收集整理的这篇文章主要介绍了Angular指令之restict匹配模式的详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_404_1@Angular指令之restict匹配模式的详解@H_@R_301_450@_3@

@H_404_1@restict匹配模式:分为四种:@H_@R_301_450@_3@

1.元素匹配(E):@H_@R_301_450@_3@

2.属性匹配(默认A)

@H_@R_301_450@_3@

3.样式类匹配(C)

@H_@R_301_450@_3@

4.注释匹配(M)@H_@R_301_450@_3@

@H_404_1@注意:directive前面需要有空格runn2后面需要有空格(这是一个小坑)@H_@R_301_450@_3@

注释匹配无法增加多个标签例:template:"

自定义指令

自定义指令

" 会导致报错@H_@R_301_450@_3@

但是在

自定义指令

自定义指令

这样包含标签却是正常的,小坑一个@H_@R_301_450@_3@

@H_404_1@注意:必须replace=true,否则注释匹配无法使用@H_@R_301_450@_3@

推荐使用元素和属性的方式使用指令@H_@R_301_450@_3@

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

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

以上就是Angular指令之restict匹配模式的实例详解,本站有关AngularJS 的文章还有很多,希望大家搜索查阅,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!@H_@R_301_450@_3@

猜你在找的JavaScript相关文章