Chcę dynamicznie dodać klasę css do an<li> element, nad którym zapętlam. Pętla jest następująca:

<li ng-repeat="todo in todos" ng-class="{{todo.priority}}">
  <a href="#/todos/{{todo.id}}">{{todo.title}}</a>
  <p>{{todo.description}}</p>
</li>

W moim modelu todo mam priorytet właściwości, który może być „pilny”, „nie tak ważny” lub „normalny” i chcę po prostu przypisać klasę do każdego elementu.

Wiem, że mogę to zrobić dla boolean z czymś podobnymng-class="{'urgent': todo.urgent}" Ale moja zmienna nie jest logiczna, ale ma trzy wartości. Jak bym to zrobił? Zauważ również, że nie chcę używaćng-style="..." ponieważ moja klasa zmieni kilka wizualnych rzeczy.