为什么ngClass和NgClass的名称不同

Question

NgClass是指令，导出为ngClass。不同名称的优势是什么？

Answer 1

Angular在尝试查找匹配指令时将元素上的属性规范化为camel case，因此您需要将指令名称导出为camel case，否则它将不匹配。请参阅“规范化”下的docs。

  

AngularJS规范化元素的标记和属性名称以确定   哪些元素匹配哪些指令。我们通常会提到   它们区分大小写的camelCase规范化名称的指令（例如   ngModel）。但是，由于HTML不区分大小写，我们参考   DOM中的指令通过小写形式，通常使用   DOM元素上的破折号分隔属性（例如ng-model）。

     

规范化过程如下：

     

  
1. 从元素/属性的前面剥离x-和数据。
  
2. 转换   ：， - 或_分隔名称为camelCase。