Javascript AngularJS-ng网格和数据ng网格之间的差异

我使用VS2012可用的AngularJS模板创建了一个ASP.NETMVC4项目。在其中一个页面中，网格以类似html的格式编码

<div class="grid-style" data-ng-grid="userGrid">
</div>

但在搜索网格问题时，我看到人们使用

<div class="grid-style" ng-grid="userGrid">
</div>

---

数据ng网格

和

ng网格

之间有什么区别？

就角度而言，它们实际上是相同的东西。浏览器更广泛地支持自定义属性的数据前缀。您还可以将类版本用于更广泛支持的指令，如下所示

<div class="ng-grid=userGrid">
</div>

---

尽管对于这个问题已经有了一个标记为正确的答案，但值得注意的是，这与浏览器支持无关，而是

数据

属性实际上是在XHTML和HTML规范中定义的，因此是有效的标记。使用

数据ng-*

是一种很好的做法，但这并不是因为符合浏览器要求；这是为了验证。（对于HTML，最好使用有效的标记。对于XHTML，有效的标记至关重要，否则页面将中断。）

---

.NET HTML标记将使用

数据ng

属性，以便生成通过验证规则的HTML标记。同样，这对于XHTML更为重要，但对于HTML仍然很重要。

这与浏览器支持无关。所有浏览器都允许自定义属性，但它们不被视为标准HTML。将数据前缀添加到HTML规范中，以标记您自己的自定义属性并使HTML有效。使用

数据

的可选角度标记只是为了使HTML有效。