Angular 2 Material md-chips颜色属性不起作用

Question

当我尝试使用颜色属性设置我的md-chips样式时没有任何反应.根据指南https://material.angular.io/components/component/chips,这必须工作.我所有的其他元素都没有问题.

<md-chip-list>
    <md-chip color="primary"> Chicken </md-chip>
    <md-chip color="warn"> Table </md-chip>
    <md-chip color="accent"> Tree </md-chip>
    <md-chip> Eight </md-chip>
</md-chip-list>

结果:

有人知道如何解决这个问题吗？

提前致谢!

Answer 1

根据plunkr示例,当selected属性设置为时,芯片仅被着色true:

<md-chip color="accent" selected="true">Chicken</md-chip>

Answer 2

您可以使用 ngStyle 动态设置 md-chip 颜色

<md-chip-list>
 <md-chip *ngFor="let item of itemList" [ngStyle]="{ backgroundColor: item.color }">
{{ item.name }}
</md-chip>
</md-chip-list>