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

Question

我正在使用AngularJS Material，我想基于表达式应用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吗？

Answer 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>