Angular - HTML中的IF / ELSE条件

时间:2015-10-15 14:47:01

标签: javascript html angularjs

我有简单的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并更新&#34; active&#34;在 数据库
  2. 添加&#34;已完成&#34;这基本上改变了<li>一点
  3. 的风格

    所有数据都来自某些网络服务,我所拥有的每项任务都包含以下信息:

  4. ID
  5. 优先
  6. 文本
  7. 活性

    我的问题是,当我刷新页面时,我没有任何过滤器可以添加到active 0 {{1}}

    的所有任务

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

1 个答案:

答案 0 :(得分:1)

使用以下内容:

>>400   0   0
  150   250 0
  165   150 80
  300   80  0
  165   200 0
  300   0   0

在这种情况下,如果todo.active等于0

,则li-Tag会完成类