无法更改Angular2材质MatChip的选择状态 [英] Can't change Angular2 Material MatChip selected state

问题描述

如何更改 MatChip 选定的属性?我不会单击以选择/取消选择芯片(也必须更改芯片颜色.) 我尝试过的:

How to change MatChip selected property? I wan't on click to select/deselect chip (also it have to change chip color.) What I tried:

html :

<mat-chip-list>
   <mat-chip *ngFor="let label of item.labels" 
             #lbl (click)="selectChip(lbl)">
      {{label}}
   </mat-chip>
</mat-chip-list>

ts :

selectChip(item: MatChip) {
   item.selected ? item.deselect() : item.select();
}

点击它会抛出

错误TypeError:item.select不是函数

ERROR TypeError: item.select is not a function

如何解决?

推荐答案

没有select()或deselect()方法，只有选定的getter和setter函数，因此可以这样解决:/p>

There isn't a select() or deselect() method, there is just the selected getter and setter functions, so you can solve it like this:

selectChip(item: MatChip) {
   item.selected = !item.selected;
}

希望这会有所帮助.

这篇关于无法更改Angular2材质MatChip的选择状态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！