在 html 中正确使用 ng-if 指令

Question

我遵循了html代码片段，我想使用一些"ng-*"指令有条件地将颜色应用于文本。

1 <div class="checkbox" ng-repeat="todo in todos">
2   <label>
3     <input type="checkbox" ng-click="markDoneTodo(todo._id)">
4     <span ng-style="{'color': 'blue'}">{{ todo.text }}</span>
5   </label>
6 </div>

待办事项模型具有一个名为"flag"的属性，其值为"0"或"1"。我想根据这个"todo.flag"设置{{todo.text }}的颜色。我可以直接使用 ng 样式(如上所示(来设置颜色，但如何有条件地设置？ 例如，如果todo.flag==1，则将颜色设置为"绿色"，如果todo.flag==0，则将颜色设置为"蓝色"。 任何帮助，不胜感激。

Answer 1

https://docs.angularjs.org/api/ng/directive/ngClass

.greenColor {
color: green;
}
.blueColor {
color: blue;
}

<div class="checkbox" ng-repeat="todo in todos">
<label>
<input type="checkbox" ng-click="markDoneTodo(todo._id)">
<span ng-class="{'greenColor': todo.flag, 'blueColor': !todo.flag}">{{ todo.text }}</span>
</label>
</div>