Angular2ディレクティブ - 複数のIDを持つセレクタ

Question

角型2のディレクティブでフォームの検証用にディレクティブを実装しています。多くの場所で、ディレクティブ定義でselectorプロパティが複数のIDに関連付けられています。例えば、

@Directive({ 
    selector: '[my-custom-validator][ngModel]' 
}) 

複数の[...]（括弧）の選択は何を意味しますか？

Answer 1

CSSと同様に、セレクタ[attr]は、属性がattrの要素と一致します。複数の属性セレクタが連鎖されている場合、すべて要素に属性が存在している必要があります。

注：CSSとは異なりそれが試合を行う際に、角度は、ターゲット属性のいずれかの[...]または[(...)]結合ブラケットを無視します。

したがって、my‑custom‑validate属性及び（[ngModel]と[(ngModel)]含む）ngModel属性の両方を有するセレクタ[my-custom-validate][ngModel]一致要素。例えば、セレクタは

​​

なく

<input type="text" name="username" my-custom-validate>