命名Angular指令(ng- vs data-ng-)

时间:2013-04-18 07:39:31

标签: angularjs angularjs-directive

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

除了html验证之外,使用“data-”为内置和我自己的自定义指令添加前缀还有其他好处吗?

还是不必要的混乱?

2 个答案:

答案 0 :(得分:9)

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

答案 1 :(得分:0)

如果要使页面HTML有效,可以使用数据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>