Angularディレクティブの名前付け（ng-vs data-ng-）

Question

Angularディレクティブのラベル付けにはどのような方法が推奨されますか？

html検証以外に、組み込みディレクティブと私自身のカスタムディレクティブの両方に "data-"というプレフィックスを付けることは他に何かメリットはありますか？

またはそれは不要ですか？

Answer 1

私はdata-がベストプラクティスであると言います。これによりhtmlの検証が可能になるため、開発者にとっては標準的な習慣でなければなりません。それは少し混乱を引き起こす可能性がありますが、全体的に私はそれがアプリと開発者の相互性を維持するのに役立つと思います。私がこれまで知ることができるようにすることは重要ではないので、実際にはデータを使用しない理由はありません。

Answer 2

ページを有効にするには、ng-の代わりにdata-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>