Динамический класс в Angular.js
Я хочу динамически добавить класс CSS в<li>
элемент, который я перебираю. Цикл выглядит так:
<li ng-repeat="todo in todos" ng-class="{{todo.priority}}">
<a href="#/todos/{{todo.id}}">{{todo.title}}</a>
<p>{{todo.description}}</p>
</li>
В моей модели todo у меня есть приоритет свойства, который может быть «срочным», «не очень важным» или «нормальным», и я просто хочу назначить класс для каждого элемента.
Я знаю, что могу сделать это для логического с чем-то вродеng-class="{'urgent': todo.urgent}"
Но моя переменная не является логическим значением, но имеет три значения. Как бы я это сделал? Обратите внимание, что я не хочу использоватьng-style="..."
так как мой класс изменит несколько визуальных вещей.