angularjs - Angular 如何在没有 data-* 前缀的情况下使用自定义属性，而其他人都说你不应该这样做？

Question

每个人(W3C 验证程序、stackoverflow 帖子等)都说您应该在自定义属性前加上 data-(例如 data-my-custom-attr="hey")。你不应该像这样使用它们:my-custom-attr="hey"。

然而 Angular 鼓励您使用 ng-click 等不带 data- 前缀的东西。

这只是最佳实践的问题吗？还是 Angular 有点特立独行？..

Answer 1

为什么说angular鼓励呢？事实上，如果您检查 normalizations 部分中的 Angular 文档中的指令，您会发现一条注释，即解析指令中的 Angular 会去除 data- 和 x- 前缀所以你不必像

这样访问属性和名称指令

.directive('dataMyCustomDirective', function(){})

但我个人并没有告诉您，如果您希望针对 w3c 验证器验证您的 HTML，您不能或不应该使用 data- 或 x- 前缀在开发中使用不带前缀的属性，在生产中使用 grunt 任务添加前缀