在引用Angular指令之前放置`data-`有啥好处[重复]

Posted 2023-03-05

【中文标题】在引用Angular指令之前放置`data-`有啥好处[重复]

【英文标题】：What is the advantage of putting `data-` before reference to Angular directive [duplicate]在引用Angular指令之前放置`data-`有什么好处[重复]

【发布时间】：2017-10-11 21:56:34

【问题描述】：

我一直在通过this video 部分学习 Angular。叙述者在几个地方提到他更喜欢将data- 放在 html 模板中对角度指令的引用之前，例如，<div data-ng-app="...">、<div data-ng-init="..."> 等。但是，他没有解释这种偏好。

我的问题是：以这种方式使用data- 前面的角度指令有什么优势/效果？

【问题讨论】：

最佳实践：首选使用 破折号分隔格式（例如，ng-bind 用于 ngBind）。如果您想使用 HTML 验证工具，您可以改用带有数据前缀的版本（例如 ngBind 的 data-ng-bind）。上面显示的其他表格因遗留原因而被接受，但我们建议您避免使用它们。 https://docs.angularjs.org/guide/directive

【参考方案1】：

唯一的好处是拥有一个有效的 HTML。