【问题标题】:Naming Angular directives (ng- vs data-ng-)命名 Angular 指令(ng- vs data-ng-)
【发布时间】:2013-04-11 05:25:14
【问题描述】:

标记 Angular 指令的推荐做法是什么?

除了 html 验证,在内置指令和我自己的自定义指令前加上“data-”还有其他好处吗?

或者是不必要的混乱?

【问题讨论】:

标签: angularjs angularjs-directive


【解决方案1】:

我会说数据- 将是最佳实践。由于这将允许 html 进行验证,因此它应该是开发人员的标准做法。它可能会造成一些混乱,但总的来说,我认为它有助于保持应用程序和开发人员的完整性。并且看到到目前为止我可以说的角度无关紧要,那么真的没有理由不使用数据-。

【讨论】:

  • 嘿! 5 个字节不是什么
  • @djeendo 你是绝对正确的,但我认为这是值得的。尤其是如果您无论如何都要缩小 html。
【解决方案2】:

如果你想让你的页面 HTML 有效,你可以使用 data-ng-,而不是 ng-。
这不会报错

<div ng-app="">

<p>Input something in the input box:</p>
<p>Name: <input type="text" ng-model="name"></p>
<p ng-bind="name"></p>

</div>

这会报错

<div data-ng-app="scope" data-ng-init="name='test'"

<p>Input something in the input box:</p>
<p>Name: <input type="text" data-ng-model="name"></p>
<p data-ng-bind="name"></p>

</div>

【讨论】:

    猜你喜欢
    • 2014-01-18
    • 2016-08-17
    • 1970-01-01
    • 2016-07-07
    • 2018-12-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-07
    相关资源
    最近更新 更多