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 

相关文章： 如何用美橙互联一键搭建多站合一网站？  Bpmn 2.0的XML文件怎么画流程图  C#如何在一个XML文件中查找并替换文本内容  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  香港网站服务器数量如何影响SEO优化效果？  如何在Windows 2008云服务器安全搭建网站？  javascript中对象的定义、使用以及对象和原型链操作小结  c# Task.ConfigureAwait(true) 在什么场景下是必须的  建站之星CMS五站合一模板配置与SEO优化指南  如何快速生成橙子建站落地页链接？  建站之星图片链接生成指南：自助建站与智能设计教程  招贴海报怎么做,什么是海报招贴？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  如何构建满足综合性能需求的优质建站方案？  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  音响网站制作视频教程,隆霸音响官方网站？  小型网站建站如何选择虚拟主机？  济南企业网站制作公司,济南社保单位网上缴费步骤？  如何快速搭建FTP站点实现文件共享？  如何快速搭建个人网站并优化SEO？  安徽网站建设与外贸建站服务专业定制方案  北京制作网站的公司,北京铁路集团官方网站？  导航网站建站方案与优化指南：一站式高效搭建技巧解析  ,网站推广常用方法？  如何用PHP工具快速搭建高效网站？  建站之星导航如何优化提升用户体验？  官网建站费用明细查询_企业建站套餐价格及收费标准指南  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  C++用Dijkstra(迪杰斯特拉)算法求最短路径  如何用低价快速搭建高质量网站？  中山网站制作网页,中山新生登记系统登记流程？  定制建站流程解析：需求评估与SEO优化功能开发指南  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  如何快速搭建高效WAP手机网站？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  大连网站设计制作招聘信息,大连投诉网站有哪些？  已有域名和空间，如何快速搭建网站？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  如何在阿里云完成域名注册与建站？  如何通过wdcp面板快速创建网站？  建站org新手必看：2024最新搭建流程与模板选择技巧  建站之星安装需要哪些步骤及注意事项？  html制作网站的步骤有哪些,iapp如何添加网页？  建站之星后台密码遗忘或太弱？如何重置与强化？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  制作电商网页,电商供应链怎么做？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  建站ABC备案流程中有哪些关键注意事项？