Question

我的样式表中定义的样式类很少，如下所示：

.left-align{
  /* some styles here */
}
.right-align{
  /* some styles here */
}
.validate-error{
  /* some styles here */
}

根据类中的数据类型，我需要左右对齐内容，并且我还想调用一个方法来验证控件中的数据，如果验证失败则需要附加{{1} }类以及validate-error。我经历了不同的SO主题和其他文章以及在ng-class 中标注为多个条件但在我的方案中没有找到任何条件的QA网站，我根据引用尝试了以下内容：

ng-class

但是，当ng-class="{!vm.validate()?'validate-error': vm.isNumericField?'right-align':'left-align'}"返回false时，即使isNumericField成立，这也不会使内容与右对齐。

简而言之，我需要添加validate()或left-align取决于right-align属性，如果isNumericField返回false，则还需要validate-error。

validate()

如果有任何方法可以让任何人知道：

Answer 1

你可以指定＆＃34; map＆＃34;类名称为布尔值：

ng-class="{'validate-error': !vm.validate(), 'right-align': vm.isNumericField, 'left-align': !vm.isNumericField}"

根据多种条件更改班级组合

1 个答案: