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>

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# angular2  # 命名规则  # angularjs  # 指令  # 指令详解  # 第一个  # 象中  # 是因为  # 所示  # 这篇文章  # 要以  # 谢谢大家  # 转换成  # 命名为  # 可能出现  # 为了避免  # 需要注意  # 通常会  # 下表  # 过程中  # 则对  # 有两点  # 首字母  # 有疑问  # ngApp 

相关文章： C#怎么创建控制台应用 C# Console App项目创建方法  实现点击下箭头变上箭头来回切换的两种方法【推荐】  建站主机是否属于云主机类型？  音乐网站服务器如何优化API响应速度？  如何选择域名并搭建高效网站？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  定制建站哪家更专业可靠？推荐榜单揭晓  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  如何通过cPanel快速搭建网站？  如何挑选最适合建站的高性能VPS主机？  招贴海报怎么做,什么是海报招贴？  建站之星展会模版如何一键下载生成？  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  建站中国官网：模板定制+SEO优化+建站流程一站式指南  Android滚轮选择时间控件使用详解  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  建站OpenVZ教程与优化策略：配置指南与性能提升  自助网站制作软件,个人如何自助建网站？  安徽网站建设与外贸建站服务专业定制方案  大连 网站制作,大连天途有线官网？  如何高效完成自助建站业务培训？  建站之星导航菜单设置与功能模块配置全攻略  教程网站设计制作软件,怎么创建自己的一个网站？  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  如何快速搭建高效服务器建站系统？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  建站之星如何配置系统实现高效建站？  如何在万网主机上快速搭建网站？  深圳网站制作平台,深圳市做网站好的公司有哪些？  建站之星×万网：智能建站系统+自助建站平台一键生成  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  宁波自助建站系统如何快速打造专业企业网站？  宝塔建站后网页无法访问如何解决？  高防服务器租用指南：配置选择与快速部署攻略  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  c# await 一个已经完成的Task会发生什么  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  子杰智能建站系统｜零代码开发与AI生成SEO优化指南  已有域名和空间如何快速搭建网站？  建站之星安装路径如何正确选择及配置？  制作企业网站建设方案,怎样建设一个公司网站？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  高防服务器：AI智能防御DDoS攻击与数据安全保障  宝塔面板创建网站无法访问？如何快速排查修复？  建站之星安装后界面空白如何解决？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  网站制作说明怎么写,简述网页设计的流程并说明原因？