私はこれを確認しています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. 角度 - コンポーネントのルート要素にクラスを適用しないセレクタ
- 2. 同じセレクタでコンポーネントを拡張する - 角度2 /角度CLI
- 3. 角度1.5に別のコントローラを必要とする角度1.5コンポーネントをアップグレードできません
- 4. ルーティングされたコンポーネントのセレクタの角度は?
- 5. 角度material2コンポーネントのラッパーを記述する必要がありますか?
- 6. コンポーネント角度5のモジュールを特定できません
- 7. ネストされた角度コンポーネントHTMLセレクタを作成できますか?
- 8. 同じセレクタを使用する角度2の複数のコンポーネント
- 9. 角度5コンポーネントの新しいインスタンスを追加する
- 10. 角度2の複数のコンポーネントを呼び出す必要があります
- 11. 角度5 HttpClientを、私はのは、GET角度5で見てきた
- 12. デコレータプロパティをオーバーライドした角度5コンポーネントの継承
- 13. 角度1.xコントローラと角度2コンポーネントの違いは何ですか?
- 14. 角度(5):カスタムドロップダウンコンポーネント
- 15. サービスを呼び出すコンポーネントの角度5ユニットテスト
- 16. コンポーネントは、角度JSで2
- 17. 角度1.5のコンポーネントとディレクティブ
- 18. は、(Webコンポーネント技術の)カスタム要素と同じ角度成分ですか?
- 19. 角度2コンポーネントの参照要素
- 20. フォームビルダーで角度5フォーム
- 21. 角度5:onSameUrlNavigation
- 22. ADALが必要ですか?ログインと角度ui-router?
- 23. 5角度(CSS)
- 24. 角度:コンポーネントの出力は
- 25. JitCompilerFactory角度5
- 26. コンポーネントの角型セレクタにパラメータを渡します。
- 27. Rails - アクションケーブルはRails 5を必要としますか?
- 28. 角度2はオブジェクトまたはデータをサービスまたはコンポーネント内に格納する必要があります
- 29. 角度2のコンポーネントでイベントハンドラをぼかします
- 30. イベントバインディングを持つ角型コンポーネントのCSSセレクタ
いいえ、ルールは緩和されていません。しかし、Angularはおそらくルールによって再生されていません。そのコンポーネントのスタイルには問題はないかもしれません。 https://w3c.github.io/webcomponents/spec/custom/#valid-custom-element-name – Intervalia