CODEWITHSUNDEEP
javascriptangularjsangularjs-material
Crosswind Jones
Crosswind Jones

Reputation: 181

How do I use an expression with md-colors directive?

I am using AngularJS Material and I would like to apply md-colors="" values based on an expression the same way an expression can be used with ng-class="". I have not been able to get this working.

Here's an example :

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

The desired output is that the md-button will take on the accent-900 background color if the condition mode=='development' is true.

Can md-colors be used this way?

Upvotes: 9

Views: 4299

Answers (1)

Sachila Ranawaka
Sachila Ranawaka

Reputation: 41387

you can use ternary operation inside md-color to assign styles

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

Upvotes: 13

Related Questions