如何简化具有相似元素的ng-switch
How to simplify ng-switch with similar elements?
我有以下代码:
<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绑定的重复
可以使用ng-class
并在css规则中设置颜色
<span ng-bind="status"
ng-class="{'green-class': status=='OK', 'red-class': status=='NOT OK'}" ></span>
或者使用ng-style
相关文章:
- 如何在ng-reeat中使用ng-switch来编辑JSON API数据
- 我需要NG-IF/NG-SWITCH还是NG-SHOW&NG-HIDE
- 在 ng-switch 中使用 ng-transclude
- 如何在模板的 ng-switch 中使用指令的属性
- Angular JS ng-switch with ng-include?
- 是否可以将 ng-switch-when 属性放在多个元素上
- 带有父子控制器的 Angular 中的 ng-switch
- AngularJS:ng-switch从输入字段中删除数据
- ng-switch-when:它是否每次重新创建新控制器并在选择不同步骤时删除以前的数据
- 如何使用 ng-switch 切换显示带有 AngularJS 的嵌套表
- 为每个元素 ng-repeat 应用自定义 ng-attr
- AngularJS中的嵌套ng-switch
- 角度指令未显示在ng-Switch中
- 带typeof表达式的Ng-switch
- ng-repeat + Filter + ng-switch
- 使用ng-if/ng-show/ng-switch的Angular条件显示会简要地显示这两个元素
- Ng-switch在ng-repeat问题中
- AngularJS只显示一个ng-switch
- 元素.Find对ng-switch中的嵌套元素不起作用
- 如何简化具有相似元素的ng-switch