javascript - 带有附加条件的 Angular 脏污检查

Question

我想使用 ng-dirty 应用样式来形成 Angular 应用程序中的元素；然而，我还想比较另一个条件，以确定是否应该应用脏样式。换句话说，如果 ng-dirty 为 true 并且另一个条件为 true(scope.myVar != null 或类似的东西)，则应用脏样式。

我意识到我也可以使用 ng-class 来完成此任务，但想知道是否有替代方案。

Answer 1

我不会编辑 ng-dirty 类，而是向您的输入字段添加一个条件 ng-class。如果您正在检查数据(例如 myVar)不为 null ($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; 
}