无法更改 Angular2 Material MatChip 选择状态 [英] Can't change Angular2 Material MatChip selected state
本文介绍了无法更改 Angular2 Material MatChip 选择状态的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何更改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();
}
点击它会抛出
ERROR TypeError: item.select 不是函数
ERROR TypeError: item.select is not a function
如何解决?
推荐答案
没有 select() 或 deselect() 方法,只有选中的 getter 和 setter 函数,所以你可以这样解决:
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 Material MatChip 选择状态的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文