建议根据条件填写<md-icon>的方法?

时间:2015-11-18 12:14:06

标签: angularjs angularjs-directive material-design angular-material

Job add view

我希望在条件为真时将心脏图标颜色填充为红色,否则它将为空白。 我使用了材料设计如下

<md-button class="md-icon-button md-primary" aria-label="Settings" ng-click="checkShortList(shortListLoad.id)">
   <md-icon md-font-icon="icon-favorite-outline"></md-icon>
</md-button>

如何解决这个问题?我是材料设计的新手。 谢谢你。

1 个答案:

答案 0 :(得分:0)

我假设你正在使用Angular Material Icons

您只需将课程从icon-favorite-outline更改为icon-favorite

即可

使用angular,您可以使用ngBindHtml根据条件更改类

修改 在进一步的研究中,我认为this可能是改变班级的更优雅的解决方案。

  

您只需将变量绑定到指令&#34; ng-class&#34;和   从控制器更改它。