有額外條件的角度髒檢查

Question

我想要使用ng-dirty應用樣式來在角度應用中形成元素;不過，我還想要比較另一個條件，以確定是否應該使用髒樣式。換句話說，如果ng-dirty爲真，則應用骯髒的樣式和另一個條件爲真（scope.myVar！= null或類似的東西）。

我意識到我可以用ng-class來完成這個任務，但是想知道是否有替換項。

Answer 1

而不是編輯ng-dirty類，我會添加一個條件ng-class到您的輸入字段。在您檢查您的數據（myVar爲例）的情況下不爲空（$scope.myVar != null），我會做線沿線的東西：

<input ng-model="myVar" ng-class="{ 'custom-condition' : myVar != null }"/> 

然後，在你的CSS，你會看到，如果這兩個類（ng-dirty和您的custom-condition）當前應用於元素。

// If both .ng-invalid and .custom-condition are applied: 
.ng-dirty.custom-condition { 
    border: 1px solid red; 
}