angular2 MDL动态应用CSS类材料图标

我想一个CSS类申请材料图标类似以下内容：angular2 MDL动态应用CSS类材料图标

<i ngClass="{task.isDone ? 'checked-icon material-icons' : 'material-icons'}">check_circle</i>

没有条件的就应该是这样的（工作）：

<i class="checked-icon material-icons">check_circle</i>

我的组件中有一个变量isDone，我只想在该变量为true的情况下应用这个额外的checked-icon类。但是我的条件声明不起作用。

我在做什么错？

PS：我尝试以下

<i ngClass="{task.isDone ? checked-icon material-icons : material-icons}">check_circle</i>

，但无论其应用的价值假

2017-07-26 Nitish

这个额外的类的每个元素尝试这样

[ngClass]="{'className1': task.isDone, 'className2': !task.isDone }"

，如果你想material-icons类常用class="material-icons"沿着

你的情况

<i class="material-icons" [ngClass]="{'checked-icon':task.isDone}">check_circle</i>

2017-07-26 17:46:47 Hareesh

如果材料图标是常见的则可能是什么className2？在我的情况下，我只是想申请额外的检查图标以及材料图标时，条件为真，否则单独材料图标 – Nitish

我更新代码请检查 – Hareesh

完美！它确实有用，非常感谢！ – Nitish

回答