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

【问题标题】：Suggest a way to fill up <md-icon> according to condition?建议根据条件填写 <md-icon> 的方法？
【发布时间】：2016-02-20 04:08:52
【问题描述】：

当条件为真时，我想将心形图标颜色填充为红色，否则它将为空白.. 我使用的材料设计如下

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

如何解决这种情况？我是材料设计的新手。谢谢你。

【问题讨论】：

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

【解决方案1】：

我假设您使用的是Angular Material Icons

您可以将课程从 icon-favorite-outline 更改为 icon-favorite

使用 Angular，您可以使用 ngBindHtml 根据条件更改类

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

您只需要将变量绑定到指令“ng-class”中，然后从控制器更改它。

【讨论】：