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

How to toggle classes with boolean model property in Angular?

本文关键字：属性 模型 布尔 Angular      更新时间：2023-09-26

我试过这个：

<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']

像这样使用ng-class：

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

参考

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

相关文章：