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>
赞 (0)

相关推荐

  • Windows xp中文件夹命名规则是什么?

    文件名或文件夹名可以由1-256个西文字符或128个汉字(包括空格)组成,不能多于256个字符.[其中包含驱动器名.路径名.主文件名和扩展名4个部分.] 文件名可以有扩展名,也可以没有.有些情况下系统 ...

  • 关于病毒命名规则的说明

    很多时候大家已经用杀毒软件查出了自己的机子中了例如Backdoor. RmtBomb.12 .Trojan.Win32.SendIP.15 等等这些一串英文还带数字的病毒名,这时有些人就懵了,那么长一 ...

  • 型号再多眼不花 各大品牌液晶命名规则解析

    液晶显示器型号繁多 随着生产液晶显示器的厂商越来越多，每一个厂商或者品牌液晶显示器旗下都有不少型号的产品。而对于像三星、LG等液晶显示器大厂，它们的产品线更加丰富，因此产品也是种类繁多，其型号也着之变 ...

  • 华为H3C交换机路由器命名规则详解

    一、设备版本规则 LI(Lite software Image)表示设备为弱特性版本。 SI(Standard software Image)表示设备为标准版本，包含基础特性。 EI(Enhanced ...

  • win10系统修改同名文件重命名规则的方法

    在win10系统下,用户在复制文件的过程中,如果遇到包含有重名文件的文件,那么系统默认使用"** 副本"的形式来重命名文件名,而对于"副本"这个命名规则我们是可 ...

  • CentOS磁盘与分区的命名规则详解

    在Linux中,没有盘符这个概念,通过设备名来访问设备,设备名存放在/dev目录中. 前面讲的SSD.SAS.SATA硬盘都属于SCSI接口类型的硬盘,在Linux中用sd来标识,而IDE硬盘是属于I ...

  • win系统怎么自定义设置新建文件夹的命名规则

    win系统怎么自定义设置新建文件夹的命名规则

    Win系统怎么自定义新建文件夹命名规则,下面小编介绍一下.具体如下:1. 右击电脑左下角的"开始"图标,弹出列表选择"运行"选项,也可以按快捷键"WI ...

  • MATLAB的命名规则

    MATLAB里面的变量都要有一个名字,但是有时候因为原因部分名称不可以作为变量 关键字一般都显示为蓝色(...除外),这种的一般都不可以当做变量名 命名规则 01 matlab的变量名称区分大小写,比 ...

  • 惠普打印机命名规则，怎么挑选打印机。

    作为公司的信息运维人员,每年都会对打印机外设进行采购,如何从打印机型号上快速的识别出打印机功能,能方便采购时候的挑选效率.下面我从个人知道的及上,讲一下惠普打印机的命名规则,怎么从名称上快速知道它的大 ...