Classe dinâmica em Angular.js
Eu quero adicionar dinamicamente uma classe css para um<li>
elemento eu estou dando voltas. O loop é assim:
<li ng-repeat="todo in todos" ng-class="{{todo.priority}}">
<a href="#/todos/{{todo.id}}">{{todo.title}}</a>
<p>{{todo.description}}</p>
</li>
No meu modelo todo, eu tenho a prioridade da propriedade que pode ser "urgente", "não tão importante" ou "normal" e eu só quero atribuir a classe para cada elemento.
Eu sei que posso fazer isso por um booleano com algo parecidong-class="{'urgent': todo.urgent}"
Mas minha variável não é booleana, mas tem três valores. Como eu faria isso? Note também que eu não quero usarng-style="..."
já que minha aula vai alterar várias coisas visuais.