Angular 材料芯片颜色不工作时,我设置它

Angular 材料芯片颜色不工作时,我设置它,angular,angular-material,Angular,Angular Material,我使用的是棱角材质8.2.3,当我尝试设置芯片时,芯片颜色仍然是灰色的 <mat-chip-list> <mat-chip color="accent" removable (removed)="removeFilter()"> Filter view on {{dateFrom | date:'yyyy:MM:dd'}} <mat-icon matChipRemove>cancel</mat-icon>

我使用的是棱角材质8.2.3,当我尝试设置芯片时,芯片颜色仍然是灰色的

<mat-chip-list>
    <mat-chip color="accent" removable (removed)="removeFilter()">
        Filter view on {{dateFrom | date:'yyyy:MM:dd'}}
        <mat-icon matChipRemove>cancel</mat-icon>
    </mat-chip>
</mat-chip-list>

{{dateFrom}日期:'yyyy:MM:dd'}上的筛选器视图
取消

我尝试了所有颜色(警告、原色等),但芯片的颜色仍然是灰色。有人知道为什么吗?

显然,一旦选定,颜色只会应用于
mat芯片

要将
mat芯片
标记为选中,需要为其指定
selected
属性

在这里,尝试一下:

<mat-chip-list>
    <mat-chip selected color="accent" removable (removed)="removeFilter()">
        Filter view on {{dateFrom | date:'yyyy:MM:dd'}}
        <mat-icon matChipRemove>cancel</mat-icon>
    </mat-chip>
</mat-chip-list>

{{dateFrom}日期:'yyyy:MM:dd'}上的筛选器视图
取消
这是给你的裁判的一封信


只有用户选择了颜色才会显示。您是否正确配置了主题(靛蓝/粉色等)?这是我唯一能想到为什么颜色没有显示的原因。请考虑一下你的答案是如何解决问题的。是的,这就是问题所在。谢谢