关于javascript：Angular – HTML中的IF / ELSE条件


Angular - IF /ELSE condition in HTML

我有一个简单的Angular/HTML代码，其中我有一个表，在每个

  • 上都有复选框和一些文本

    我的代码如下：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
                <li ng-repeat="task in tasks | filter:statusFilter track by $index" ng-class="{completed: todo.completed}" ng-cloak>
                   
                        <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>
                   
                    <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>

    此代码的作用是：

  • 当用户单击复选框时，它调用ng click并在中更新"active"数据库
  • 加上"完成"，基本上改变了
  • 的风格。

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

  • 身份证件
  • 优先
  • 文本
  • 积极的

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

    有人能帮我做一些if/else条件吗？

    相关讨论

    使用下列内容：

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

    在这种情况下，如果todo.active等于0，则li标记将使类完成

    相关讨论