Question

如何使用ng-class或/和ng-if将3 Div线降低到一行？每一行都显示相同的值，但根据它所处的范围，我想将文本着色为某种颜色。

 <div class="contents">
      <div  ng-if="model.DeviceStatus.Data1 <= 24" style="color:green;">{{model.DeviceStatus.Data1}}&#8451;</div>
      <div  ng-if="model.DeviceStatus.Data1 > 24 && model.DeviceStatus.Data1 <= 35" style="color:Orange;">{{model.DeviceStatus.Data1}}&#8451;</div>
      <div  ng-if="model.DeviceStatus.Data1 > 35" style="color:red;">{{model.DeviceStatus.Data1}}&#8451;</div>
 </div>

Answer 1

试试这个：

ng-class="{someColor: model.DeviceStatus.Data1 <= 24, anotherColor: model.DeviceStatus.Data1 > 24}"

您还需要创建这些类

.someColor {
  color: green; // etc
}

或者你可以使用一个对象和ng风格的

希望这会有所帮助

如何使用ng-if或ng-class删除代码行？

1 个答案: