angular js:使用NG-STYLE指令

时间:2017-03-03 17:02:24

标签: javascript angularjs

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

这就是我在做什么。

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

我使用的方式是一种解决方法。该方案是否有实际的angular解决方案?

1 个答案:

答案 0 :(得分:2)

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

在你的控制器中定义un object color

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

然后你的ngStyle可能是

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

这就是全部;)