Angular.JS中指令的命名规则

Angular.JS中指令的命名规则

• 在js文件中的命名规则：使用标准的小驼峰命名法。例如，指令名为 myDirective。
• 在html文件中的命名规则：使用“小写字母+连接符”的命名法，并且通常选择“-”作为连接符。例如，与上述 myDirective 对应的在html中的指令名应为 my - directive。
• 指令命名的其他规则
  • 转换规则：AngularJS执行过程中，对“小写字母+连接符”形式的命名做如下处理，装换成小驼峰命名法：去掉开始部分的x - 和data -；第一个单词不变，把连接符后面的单词首字母转换成大写，去掉连接符。
  • 首单词限制：指令命名时不要以x或data作为第一个单词。
  • 隔离作用域对象中的属性命名规则：与上述指令命名规则相同，采用小驼峰命名法，如在隔离作用域对象中有属性 myUrl 这样的命名是符合规则的。
  • 自定义指令的命名规范：自定义指令使用驼峰命名法来命名（除第一个单词外的首字母需大写），如 myDirective，在html页面调用该自定义指令时需要以 - 分割，如 my - directive。