javascript - 如何防止 Angular 指令规范化？

Question

我是 Angular 的新手，所以试图掌握它。一个早期的提示是，该指令在用作 html 元素时使用连字符，而在 Javascript 定义中使用驼峰式命名。

例如这个 JavaScript:

myApp.directive('myDirective', function() {
   ...etc

与此 html 相关:

<my-directive></my-directive>

我真的不喜欢同一个指令的格式完全不同。在我的代码库中搜索它的使用现在涉及 2 次搜索。

讽刺的是，我想标准化这两种格式。有没有办法配置我的设置，以便 html 和 Javascript 定义都使用相同的大小写？

Answer 1

Angular 对很多事情都有自己的看法，包括这一点。这种行为is hardcoded ，并且规范化不能被覆盖。

Angular 有其理由强制指令名称采用驼峰式大小写，因为驼峰式大小写被用作命名服务的约定，并且 myDirective 指令在内部成为 myDirectiveDirective 服务.

显然，:-_ 个字符 are used as delimiters用于规范化 Camel 大小写。虽然它们在 HTML element name 中都无效。 , - 是 the only future-proof其中自定义元素的分隔符。

虽然违反约定、违反验证器并且可能无效，但可以使用任何其他分隔符，只要浏览器可以接受它们即可。例如。点符号有很好的机会做到这一点

<my.directive></my.directive>

在现代浏览器中。

从一开始就打破 Angular 的约定并不是与它交 friend 的最佳方式，人们能做的最好的事情就是处理它并搜索 my-?directive regexp相反，只要开发工具支持搜索正则表达式即可。