在 Angular 中使用什么来动态设置样式？答案

【问题标题】：What to use to set styling dynamically in Angular?在 Angular 中使用什么来动态设置样式？
【发布时间】：2016-04-21 14:57:00
【问题描述】：

我开始使用 Angular 并创建我的“小”项目。我提出了模板问题。

基本上，我尝试使用角度为元素动态设置颜色。我不知道什么是最好的和“正确”的方法。

是否可以在范围内使用 if 语句？还是更好的使用指令？

我的主要目标是能够设置从管理模式到工具栏及其图标的颜色。

感谢您的回答。

【问题讨论】：

我在问哪种方式更好。
我建议你使用 ng-class，你不需要控制器中的任何东西，这样代码会更干净。很抱歉没有正确阅读您的问题。

标签： angularjs angularjs-scope angular-directive ng-class ng-style

【解决方案1】：

ng-class的一个例子

      <div ng-class="{'a-class': !if.someObjects.variable.negativeReponse,
                      'b-class': some.methodsResponse()
                      }" >

【讨论】：

【解决方案2】：

https://docs.angularjs.org/api/ng/directive/ngClass

您可以将 ngClass 与任何表达式一起使用。

如果您要为表格的奇数行/偶数行着色，您也可以使用

https://docs.angularjs.org/api/ng/directive/ngClassOdd https://docs.angularjs.org/api/ng/directive/ngClassEven

【讨论】：