Angular.JS中指令的命名规则详解
更新时间：2017年05月10日 09:03:49 作者：刘小光
这篇文章主要给大家介绍了关于Angular.JS中指令命名规则的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
命名规范
同一个AngularJS指令，在js文件和html文件中有着不同的命名规范：在js文件中使用标准的小驼峰命名法，在html文件中使用“小写字母+连接符”的命名法。如下表所示
| 在js文件中 | 在html文件中 |
|---|---|
| ngApp | ng-app |
| myDirective | my-directive |
处理机制
AngularJS之所以选择这样的命名方式，是因为html文件不区分大小写，而js文件则对大小写敏感（myDir和mydir在js文件中是不同的指令，但html看来是同一个指令），为了避免可能出现的错误，所以使用上述命名规范。
AngularJS执行过程中，对“小写字母+连接符”形式的命名做如下处理，最终装换成小驼峰命名法：
- 去掉开始部分的x-和data-;
- 第一个单词不变，把连接符后面的单词首字母转换成大写，去掉连接符。
这里有两点需要注意：
- 指令命名时不要以x或data作为第一个单词
- 支持的链接符包括:,-和_，但通常会选择-作为连接符
隔离作用域对象中的属性命名
指令隔离作用域对象中属性命名规则同上，见下面代码：
.directive('myDirective', function() {
return {
restrict: 'A',
scope: {
myUrl: '@', // 隔离作用域对象中属性命名为小驼峰命名法
myLinkText: '@'
},
template: '<a href="{{myUrl}}">{{myLinkText}}</a>'
})
<div my-directive my-url="http://google.com" <!-- html文件中使用“小写字母+分割符”的命名方式--> my-link-text="Click me"> </div>
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
相关文章
这篇文章主要介绍了禁止网站显示文件目录列表的2个方法,需要的朋友可以参考下2016-04-04
文章介绍了在Linux中批量注释和取消注释代码行的快捷方法,具体步骤包括使用Ctrl+V进入块选择模式,上下键选择需要操作的行,然后按Shift+I输入注释符号（//或#）,按ESC键保存2025-03-03
本篇文章主要介绍了详解Linux系统如何低于TCP洪水攻击，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
在Linux操作系统中,内存管理是确保系统性能和稳定性的核心组成部分,对于开发者来说,理解内存分配机制不仅有助于编写更高效的程序,还能帮助他们更好地调试和优化应用,本文给大家介绍了Linux如何进行内存分配,需要的朋友可以参考下2025-02-02
这篇文章主要介绍了Linux 系统下安装JDK1.8的教程详解,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-11-11
在本篇文章里小编给各位分享了关于Linux磁盘配额管理的相关图文案例内容，有需要的朋友们可以学习下。2019-08-08
这篇文章主要介绍了清除CentOS 6或CentOS 7上的磁盘空间的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
PHP程序员玩转Linux系列 使用supervisor实现守护进程
这篇文章主要为大家详细介绍了PHP程序员玩转Linux系列文章，使用supervisor实现守护进程，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
apache服务出现Forbidden 403问题的解决方法总结
这篇文章主要介绍了apache服务出现Forbidden 403问题的解决方法总结,需要的朋友可以参考下2014-08-08
Apache 的 order deny allow 设置说明
Allow和Deny可以用于apache的conf文件或者.htaccess文件中（配合Directory, Location, Files等），用来控制目录和文件的访问授权。2010-12-12
最新评论