Я хочу динамически добавить класс 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="..." так как мой класс изменит несколько визуальных вещей.