如何使用带有 md-colors 指令的表达式？答案

【问题标题】：How do I use an expression with md-colors directive?如何使用带有 md-colors 指令的表达式？
【发布时间】：2017-08-23 06:46:01
【问题描述】：

我正在使用 AngularJS 材质，我想基于表达式应用 md-colors="" 值，就像使用 ng-class="" 一样。我无法让这个工作。

这是一个例子：

<md-button md-colors="{background:'accent-900-0.43' : mode == 'development'}" ng-click="setMode('development')">
development
</md-button>

如果条件 mode=='development' 为真，则所需的输出是 md 按钮将采用 900 重音背景色。

md-colors可以这样用吗？

【问题讨论】：

标签： angularjs angularjs-material

【解决方案1】：

您可以在md-color 中使用三元运算来分配样式

<md-button md-colors="mode == 'development' ? {background:'accent-900-0.43'} : {background:'whatever_condition_false_color'} " ng-click="setMode('development')">
development
</md-button>

【讨论】：