Angular - HTML 中的 IF /ELSE 条件

Question

我有简单的 angular / html 代码，其中有一个表格，每个 <li> 上都有复选框和一些文本

我的代码如下：

            <li ng-repeat="task in tasks | filter:statusFilter track by $index" ng-class="{completed: todo.completed}" ng-cloak>
                <div class="view">
                    <input class="toggle" type="checkbox" ng-model="todo.completed" ng-click="changeStatus(task.id)">
                    <label ng-dblclick="editTodo(todo)">{{task.text}}</label>
                    <button class="destroy" ng-click="removeeTask(task)"></button>
                </div>
                <form ng-submit="doneEditing(todo)">
                    <input class="edit" ng-trim="false" ng-model="todo.title" ng-blur="doneEditing(todo)" todo-escape="revertEditing(todo)" todo-focus="todo == editedTodo">
                </form>
            </li>

这段代码的作用是：

1. 当用户单击 CHECKBOX 时，它会调用 ng-click 并在 数据库
2. 添加“已完成”，这从根本上改变了 <li> 的样式

所有数据都来自一些网络服务，我拥有的每个任务都包含以下信息：

标识

优先级

文本

活跃

我的问题是，当我刷新页面时，我没有任何过滤器可以添加到active 是0 的所有任务中

有人可以帮我如何为此目的制作一些 if / else 条件吗？

Answer 1

使用以下：

ng-class="{{completed : todo.active == 0}}"

在这种情况下，如果 todo.active 等于 0，li-Tag 会完成类