角JS：使用NG風格指令的

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

在我看來，你可以做這樣的事情，這是完全一樣，但更漂亮。

在你的控制器定義取消對象color：

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

然後你ngStyle可能是

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

這一切;）