我目前正在查看this start tutorial video 的angular.js
在某个时刻（12'40" 之后），演讲者指出ng-app 和data-ng-app="" 属性在<html> 标记内或多或少是等价的，ng-model="my_data_binding 和data-ng-model="my_data_binding" 也是如此。然而，演讲者表示 html 将通过不同的验证器进行验证，具体取决于使用的属性。
您能解释一下ng- 前缀和data-ng- 前缀这两种方式之间的区别吗？
【问题讨论】：
好问题。区别很简单——这两个除了之间绝对没有区别，某些HTML5验证器会在ng-app这样的属性上抛出错误，但它们不会对以@为前缀的任何东西抛出错误987654323@，点赞data-ng-app。
所以要回答您的问题，如果您希望更轻松地验证您的 HTML，请使用 data-ng-app。
有趣的事实：您也可以使用x-ng-app 达到相同的效果。
【讨论】：
data- 和x- 似乎是在浪费CPU 周期。为什么不能将 HTML 验证规则更改为接受ng- 的东西？
data-* attributes are the way to extend HTML.
区别在于自定义data-*属性在HTML5 specification中有效。因此，如果您需要验证标记，则应使用它们而不是 ng 属性。
【讨论】：
Angular 规范化元素的标签和属性名称以确定 哪些元素匹配哪些指令。我们通常指 指令由它们区分大小写的 camelCase 规范化名称（例如 模型）。但是，由于 HTML 不区分大小写，因此我们指的是 DOM 中的指令以小写形式表示，通常使用 DOM 元素上以破折号分隔的属性（例如 ng-model）。
归一化过程如下：
从元素/属性的前面去除 x- 和 data-。将 :、- 或 _ 分隔的名称转换为 camelCase。这里有一些等价的 匹配 ngBind 的元素示例：
基于上面的陈述，下面都是有效的指令
1. ng 绑定
2. ng:绑定
3. ng_bind
4. 数据-ng-绑定
5. x-ng-绑定
【讨论】：
ng-model 和data-ng-model 是相同的和等价的！
原因： data- 前缀
HTML5 specification 要求任何自定义属性都以 data- 为前缀。
原因：ng-model 和 data-ng-model 相同且等效。
AngularJS Document - Normalization
Angular 对元素的标签和属性名称进行规范化，以确定哪些元素与哪些指令匹配。我们通常通过区分大小写的camelCase 规范化名称（例如ngModel）来引用指令。然而，由于 HTML 不区分大小写，我们在 DOM 中以小写形式引用指令，通常在 DOM 元素上使用dash-delimited 属性（例如ng-model）。
规范化过程如下：
1. 从元素/属性的前面去除x-和data-。
2. 将:、-或_-分隔名称转换为camelCase。
例如
以下形式都是等效的，并且与 ngBind 指令匹配：
<div ng-controller="Controller">
Hello <input ng-model='name'> <hr/>
<span ng-bind="name"></span> <br/>
<span ng:bind="name"></span> <br/>
<span ng_bind="name"></span> <br/>
<span data-ng-bind="name"></span> <br/>
<span x-ng-bind="name"></span> <br/>
</div>
【讨论】：
如果你想让你的页面 HTML 有效，你可以使用 data-ng-，而不是 ng-。
【讨论】：
如果您想在将服务器上的 html 或 html-fragments 提供给浏览器之前对其进行操作，那么您肯定希望使用 data-ng-xxx 属性而不仅仅是 ng-xxx 属性。
【讨论】：