Angular - условие IF /ELSE в HTML

Question

У меня есть простой угловой / 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 и обновляет "active" в базе данных.
2. Добавить "завершено", которые в основном изменить стиль этого <li> немного

Все данные поступают из некоторых веб-сервисов, и каждая моя задача содержит следующую информацию:

Я бы

приоритет

текст

активный

Моя проблема в том, что, когда я обновляю страницу, у меня нет фильтра, который добавляет завершенные ко всем задачам, которые active является 0

Может ли кто-нибудь помочь мне как сделать условие if / else для этой цели?

Answer 1

Используйте следующее:

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

В этом случае li-Tag завершает класс, если todo.active равен 0