<my-component>
特にAngularコンポーネントはShadowDOMを使用するため、Angularコンポーネントには必要ないのに、Polymer要素のカスタム要素名にダッシュが必要なのはなぜだろうかと思いました。
** 編集 ** Angular で推奨される良い習慣でさえないようです。
<my-component>
特にAngularコンポーネントはShadowDOMを使用するため、Angularコンポーネントには必要ないのに、Polymer要素のカスタム要素名にダッシュが必要なのはなぜだろうかと思いました。
** 編集 ** Angular で推奨される良い習慣でさえないようです。
HTML 仕様では、HTML パーサーが適切にスローすることなく、不明なタグ ( <tab>
、 )を使用できます。<panel>
彼らの利益のために、Angular はディレクティブにこの動作を使用して、コンポーネントをネイティブのようにします。
-
からの継承を持たないタグHTMLUnknownElement
。ここにアップグレード プロセスの適切な説明があります: HTML5Rocks - カスタム要素 - 要素がアップグレードされる方法
Angular ディレクティブは、カスタム要素の仕様が存在する前に設計されたため、-
. 要素名に-
.
ダッシュを必要とする技術的な理由がないため、ダッシュは Angular では必要ありません。ただし、私が取り組んできた大規模なプロジェクトはすべて、すべてのコンポーネントとディレクティブの前に 2 文字のプレフィックスを付けてから、「ab-tab」などのダッシュ プレフィックスを付けます。
まず、名前にダッシュを使用すると、構文がカスタム要素標準と互換性を持つようになりますが、Angular は仕様に依存しません。
第二に、組織化に役立ちます。標準の Angular ディレクティブはすべて「ng-」で始まります。独自の接頭辞を使用することで、コードを読む人は異なるライブラリのコンポーネントをすばやく区別できます。