角度动态css类

Question

我有以下情况:

JSON:

[{"id":1,"prio":3},
{"id":2,"prio":3},
{"id":3,"prio":3},
{"id":4,"prio":4},
{"id":5,"prio":2}]

HTML /角

<ul ng-repeat>
<li class="high">{{id}}</li>
</ul>

现在我的目标是根据属性'prio'自动更改css类.

When prio = 1 --> css= "low"
when prio = 2 --> css = "medium"

我怎样才能做到这一点？

Answer 1

用途ngClass:

<ul>
  <li ng-repeat="item in arr" ng-class="{low: item.prio === 1, medium: item.prio === 2}">{{id}}</li>
</ul>