Ich möchte dynamisch eine CSS-Klasse zu einem hinzufügen<li> Element, über das ich schleife. Die Schleife sieht folgendermaßen aus:

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

In meinem Aufgabenmodell habe ich die Eigenschaftspriorität, die "dringend", "unwichtig" oder "normal" sein kann, und ich möchte nur die Klasse für jedes Element zuweisen.

Ich weiß, dass ich das für einen Booleschen mit so etwas tun kannng-class="{'urgent': todo.urgent}" Aber meine Variable ist kein Boolescher Wert, sondern hat drei Werte. Wie würde ich das machen? Beachten Sie auch, dass ich nicht verwenden möchteng-style="..." da meine klasse verschiedene visuelle sachen verändern wird.