私は現在、このスタートチュートリアルビデオを見ています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-接頭辞の2つの方法の違いを説明できますか？
回答:
良い質問。違いは単純です。2つの違いはまったくありません。ただし、特定のHTML5バリデーターはなどのプロパティでng-appエラーをスローしますがdata-、などの接頭辞が付いたものについてはエラーをスローしませんdata-ng-app。
したがって、質問に答えるには、data-ng-appHTMLの検証をもう少し簡単にしたい場合に使用します。
面白い事実：x-ng-app同じ効果を使用することもできます。
data-とx-。HTML検証ルールを変更して、ng-ものを受け入れることができないのはなぜですか？
data-*属性はHTMLを拡張する方法です。
Angularは、要素のタグと属性名を正規化して、どの要素がどのディレクティブに一致するかを決定します。通常、ディレクティブは、大文字と小文字を区別するcamelCase正規化名（ngModelなど）で参照します。ただし、HTMLでは大文字と小文字が区別されないため、通常はDOM要素（ng-modelなど）のダッシュ区切りの属性を使用して、小文字の形式でDOMのディレクティブを参照します。
正規化プロセスは次のとおりです。
要素/属性の前部からx-とdata-を取り除きます。：、-、または_で区切られた名前をcamelCaseに変換します。以下は、ngBindに一致する要素の同等の例です。
上記のステートメントに基づいて、すべてが有効なディレクティブです
1. ng-bind
2. ng：bind
3. ng_bind
4. data-ng-bind
5. x-ng-bind
違いは、カスタムdata-*属性がHTML5仕様で有効であることです。したがって、マークアップを検証する必要がある場合は、ng属性ではなくマークアップを使用する必要があります。
ng-modelとdata-ng-model同じで同等です！
理由： data-プレフィックス
HTML5仕様では、カスタム属性の前にを付ける必要がありdata-ます。
：理由の両方ng-modelとdata-ng-model同じと等価です。
AngularJSドキュメント-正規化
Angularは、要素のタグと属性名を正規化して、どの要素がどのディレクティブに一致するかを決定します。通常、ディレクティブは、大文字と小文字を区別するcamelCaseの正規化された名前（などngModel）で参照します。ただし、HTMLでは大文字と小文字が区別されないため、通常はDOM要素のダッシュ区切りの属性を使用して、小文字の形式でDOM内のディレクティブを参照します（などng-model）。
正規化プロセスは次のとおりです
。1 .要素/属性の前から削除x-しdata-ます。
2.変換:、-または_-delimited名前がに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>