javascript - AngularJS 指令 - 复杂的指令名称

Question

我们开始在应该很大的项目中使用 AngularJS，并决定使用“模块化”项目结构和命名约定。一切都很好，除了指令。

我们对 Angular 组件的命名约定如下:
App.Module.Component.Name

所以当我注册指令时，它看起来像App.Module.directive("App.Module.Directives.DataViewer",function(){...});

指令的问题，现在我不知道如何在 DOM 中使用它。
当我将指令限制为“A”并编写 HTML <div App.Module.Directives.DataViewer></div> ，然后当它被浏览器解析时，该属性是小写的，指令不起作用。

如果我限制“C”，HTML <div class="App.Module.Directives.DataViewer"></div> ，我不知道为什么，但该指令仍然不起作用。我成功使用该指令的唯一方法是驼峰式或对属性使用所有小写字母，或者仅在类上使用驼峰式。有解决办法吗？

我们不考虑“E”指令，因为 IE8 兼容。

谢谢

Answer 1

为了在 HTML 中安全使用，大写字母自动采用驼峰式大小写(HTML 不区分大小写，这会导致混淆，因此标准是仅对 HTML 属性使用小写)(http://docs.angularjs.org/guide/directive)。

所以

App.Module.directive("app.Module.Directives.DataViewer",function(){...});

可以这样引用:

<div app.-module.-directives.-dataViewer></div>

请注意，我将“app”中的第一个字母小写了