使用`ng-repeat`赋予元素不同的颜色

Question

HTML逻辑与Javascript逻辑

我想做一些非常简单的事情.基于优先级描述,我想给td赋予不同的颜色.

此HTML基于票证动态生成.现在让我们说我有10种类型的描述,html将开始变得混乱.有没有更好的方法或者可以这样做？

 <tr ng-repeat="ticket in tickets">

   <td class="color-SOMETHING">{{ticket.TICKET_PRIORITY_DESCRIPTION}}</td>

  <tr>

Answer 1

尝试将优先级用作类:

<tr ng-repeat="ticket in tickets">
    <td class="color-{{ticket.TICKET_PRIORITY_DESCRIPTION}}">{{ticket.TICKET_PRIORITY_DESCRIPTION}}</td>
</tr>

然后,在你的CSS中添加:

.color-high {
   background-color: red;
}

.color-low {
   background-color: green;
}

.color-normal {
   background-color: yellow;
}

等等,每个优先级都有一个.