javascript - 如何在 Angular 中使用布尔模型属性切换类？

Question

我试过这个：

<li ng-repeat="todo in todos" class="{{todo.isCompleted ? 'test'}}">
<input type="checkbox" class="toggle"/>
<label>{{todo.text}}</label><button class="destroy"></button>
</li>

但后来我得到一个错误：

Error: Lexer Error: Unexpected next character at columns 17-17 [?] in expression [todo.isCompleted ? 'test']

Answer 1

像这样使用ng-class：

<li ng-repeat="todo in todos" ng-class="{ 'test' : todo.isCompleted }">

参考

Answer 2

ng-class="{ 'test' : todo.isCompleted }"