如何使用类似元素简化 ng-switch？答案

【问题标题】：How to simplify ng-switch with similar elements?如何使用类似元素简化 ng-switch？
【发布时间】：2015-08-11 00:52:29
【问题描述】：

我有以下代码：

<span ng-switch="status">
    <span ng-switch-when="NOT OK">
        <span style="color: red;" ng-bind="status"></span>
    </span>
    <span ng-switch-when="OK">
        <span style="color: green;" ng-bind="status"></span>
    </span>
    <span ng-switch-default>
        <span ng-bind="status"></span>
    </span>
 </span>

有什么办法可以优化这段代码？我想我有一些重复的 ng-binding ...

【问题讨论】：

标签： javascript angularjs ng-switch ng-bind

【解决方案1】：

可以使用 ng-class 并在 css 规则中设置颜色

<span ng-bind="status" 
      ng-class="{'green-class': status=='OK', 'red-class': status=='NOT OK'}" ></span>

或者使用ng-style做类似的事情

【讨论】：

您可以发布ng-style 替代方案吗？我尝试了类似的语法，但没有用。