CSSで2つのAngularjsフォームバリデーションディレクティブ条件を組み合わせるにはどうすればよいですか？

Question

$ dirtyと$ invalidの両方が真である場合、入力フィールドに赤いbgを付けることができますが、私は正しいものではないものを1つずつしか行うことができません。あなたが適用されます。このコードで

input.ng-dirty.ng-invalid { 
 
    background-color:pink; 
 
}

<input class="ng-dirty ng-invalid"/> 
 
<input class="ng-invalid"/> 
 
<input class="ng-dirty"/>

、：

input.ng-dirty && input.ng-invalid { 
 
    background-color:pink; 
 
}

Answer 1

あなたは両方が真になりたい場合は、以下を行う必要がありますいずれかのクラスが要素に設定されている場合はスタイリング。

input.ng-dirty, input.ng-invalid { 
 
    background-color:pink; 
 
}

<input class="ng-dirty"/> 
 
<input class="ng-invalid"/>