角度动态css类 [英] dynamic css class in angular

问题描述

我有以下情况:

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类.

Now my goal is to change the css class automatically depending on the attribute 'prio'.

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

我该如何实现?

推荐答案

使用ngClass:

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

这篇关于角度动态css类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！