将AngularJs ng类动态地改变css

Question

如何根据条件在ng-class中动态应用css类。

代码：     <input type="text" id="ProcessRight_SearchUserLeft" class="inputSearch" placeholder="Search" ng-model="selectedUserOne" ng-class=""/>

问题： 如果我有条件bool selecteduser如果它是真红色想要申请否则绿色想申请

Answer 1

如果您询问是否可以使用ng-class动态更改css类。答案是肯定的。

例如，如果在视图中，您可以将模型中的字段设置为true，然后根据该字段的值使用ng-class动态设置class属性。

<!-- toggle a variable to true or false -->
<input type="checkbox" ng-model="someclass"> Use Some Class?
<input type="checkbox" ng-model="someotherclass"> Use Some Other Class?

<!-- add the class 'some-class' if the variable 'someclass' is true -->
<div ng-class="{ 'some-class': someclass, 'some-other-class': someotherclass }">