Angular Material Chips 未触发选择更改事件

【问题标题】：Angular Material Chips not firing selection change eventAngular Material Chips 未触发选择更改事件
【发布时间】：2020-11-25 04:08:00
【问题描述】：

来自 Angular Material Chip docs，当芯片被选中或取消选中时有一个事件：

但是，我无法在这个 stackblitz 示例中触发此事件

https://stackblitz.com/edit/angular-3jpqtx?embed=1&file=src/app/chips-input-example.ts

我做错了什么？

【问题讨论】：

标签： angular angular-material

【解决方案1】：

默认情况下，此控件似乎适用于键盘输入。

要使其通过鼠标单击使用 #chip="matChip" 并调用其 select()

<mat-chip-list (change)="selectChange($event)">
    <mat-chip #chip="matChip"  (click)='chip.select()' value="foo" (selectionChange)="selectChange($event)" removable="true">
        foo
    </mat-chip>

    <mat-chip #chip2="matChip"  (click)='chip2.select()' (selectionChange)="selectChange($event)" value="bar" removable="true">
        bar
    </mat-chip>
</mat-chip-list>

【讨论】：

谢谢！如果我可以问一下，您是如何找到这些信息的？我想通过 Angular 提高自我学习能力