私はこれを確認していますAngular 5 forms youtube tutorialとセバスチャンは最初にapp-form01
という名前のフォームセレクタを持っていますが、彼はapp-
部分を削除します。 IIUCのカスタム要素には-
が含まれています。これはリラックスしていますか?角度5のコンポーネントはセレクタで `-`を必要としますか?
答えて
あなたは-
分離言葉なしで、あなたのタグを持つことができ、角度はあなたの言葉が結合されているか分からないだろう、それはそれのためのちょうど別の識別子です:
<app-my-tag>
- することができます、また><appmytag>
完全に全体の接頭辞を省略:
<app-my-tag>
- ><mytag>
しかし、セパレータを使用しないと、タグが読みにくくなり、カスタムタグに接頭辞を使用しないと名前の衝突の可能性が高くなります。
ウェブコンポーネントの命名規則に従っているので、 '-'ダッシュの使用に慣れているかもしれません。また、Angularのネイティブコンポーネントに移動した場合は、ダッシュを使用する必要があります。 – Intervalia
-
はまったく必要ありません。これは、カスタム要素の要件に準拠しているため、優れた方法です。 コンポーネントの動作は、-
の有無とまったく同じであり、大文字と小文字が混在した名前を使用することもできます。
たちは要素セレクタが原因custom element specの をdasherizedままkebab-case removal中にも
参照してください。ダッシュは、私たちも、テンプレートがより高い忠実度で 断片(ただし、有効なHTML5まま 角度テンプレートの大文字と小文字を区別を行った後以来、指導のために使用 カスタム要素の仕様によって必要とされるため、
コンポーネント名がダッシュケースに入れたまま
大文字と小文字を区別すると、 のhtmlパーサーしか見ることができません)。非常に少数の人々は、カスタム要素の仕様と ダッシュが私たちを与える保証について知っているので、私は すべてのディレクティブ/コンポーネント要素セレクタは、その中に、少なくとも単一のダッシュ を持っていることを強制する方が良いだろうと思います。 コンポーネント/ディレクティブのメタデータのフラグを使用してオプトアウトする方法がありますが、デフォルトではオンにするべきではありません。
誰かがカスタム要素仕様に不慣れな場合は、要素名にダッシュを追加 の利点は以下のとおりです。
- 要素は、カスタム要素になり - DOMノードのタイプではなく、 のHTMLElementです
- HTMLUnknownElement
の場合には、我々はそれを必要とする、我々は- document.registerElement経由スペック保証、偽の要素を登録することにより、
:unresolved
psedo-classから 利点はブラウザが012することができ名前にダッシュを含むネイティブエレメントを導入しません。つまり、ブラウザでネイティブにAngular Componentセレクタに一致する 要素を実装すると、今後アプリが破損することはありません(例: )。 )さらに詳しい情報custom elements。
- 1. 角度1.5に別のコントローラを必要とする角度1.5コンポーネントをアップグレードできません
- 2. ネストされた角度コンポーネントHTMLセレクタを作成できますか?
- 3. 同じセレクタを使用する角度2の複数のコンポーネント
- 4. 角度2の複数のコンポーネントを呼び出す必要があります
- 5. コンポーネントは、角度JSで2
- 6. 角度1.5のコンポーネントとディレクティブ
- 7. 角度2コンポーネントの参照要素
- 8. 角度2 - コンポーネント
- 9. モジュールとして角度2のコンポーネント
- 10. コンポーネントの角型セレクタにパラメータを渡します。
- 11. 角度2のコンポーネントでイベントハンドラをぼかします
- 12. 角度指令とコンポーネント
- 13. 角度2コンポーネントとポートレット
- 14. 角度2はオブジェクトまたはデータをサービスまたはコンポーネント内に格納する必要があります
- 15. 角度2 RC 5に移動するか、安定するのを待つ必要がありますか?
- 16. 角度 - コンポーネントの青写真
- 17. select要素のタグと属性セレクタを使用して角度のjs
- 18. Rails - アクションケーブルはRails 5を必要としますか?
- 19. 角度1のアプリケーションで角度2のコンポーネントを使用
- 20. ブラウザで角度モジュールが必要
- 21. 角度2のコンポーネントは外部化できますか?
- 22. 角度コントローラとコンポーネントを定義する
- 23. 角度-UI-ルータ0.3.2は、コンポーネント
- 24. 角2:コンポーネントにプロバイダセクションが必要なときは?
- 25. 角度2のコンポーネントのベストプラクティス
- 26. コンポーネントの角度分解
- 27. 角2 AOTコンパイルにはコンポーネント名が必要です
- 28. 角度2:multiplleコンポーネント
- 29. ボタンクリックで角度アプリをリフレッシュする必要があります
- 30. ブラウザで角度を指定する必要があります
いいえ、ルールは緩和されていません。しかし、Angularはおそらくルールによって再生されていません。そのコンポーネントのスタイルには問題はないかもしれません。 https://w3c.github.io/webcomponents/spec/custom/#valid-custom-element-name – Intervalia