javascript - Angular js : several condition on a single attribute using NG-STYLE directive

Question

我遇到了一个尴尬的问题，我需要根据情况更改文本的颜色

这就是我正在做的事情。

ng-style="{'color': 
order.order_status_id === '2' ? 'red' :
order.order_status_id === '3' ? 'green' : 
order.order_status_id === '5' ? 'blue' : 
''}"

我使用的方式是一种解决方法。该场景是否有实际的 Angular 解决方案？

Answer 1

在我看来，你可以做这样的事情，它完全相同但更漂亮。

在你的 Controller 中定义一个对象颜色:

$scope.color = {
  2: 'red',
  3: 'green',
  5: 'blue'
};

那么你的 ngStyle 可能是

ng-style="{'color': color[order.order_status_id]}"

就这些了;)