在 Angular 材质中的多选下拉列表关闭时触发事件

Question

如何在角度材料中的多选下拉列表关闭时触发事件？这是我的 HTML 模板

                  <mat-select  multiple
                  (focusout)="triggerEvent($event)">
                    <mat-option *ngFor="let option of templateOptions"[value]="option">
                      {{option.name}}
                    </mat-option>
                  </mat-select>
                </mat-form-field>

截至目前，每个选项的选择都会触发事件。我希望在用户完成选择所有值并点击外部时触发它。我也尝试过模糊，但结果相同。

Answer 1

<mat-select multiple (openedChange)="triggerEvent($event)">
    <mat-option *ngFor="let option of templateOptions"[value]="option">
        {{option.name}}
    </mat-option>
</mat-select>

似乎您正在寻找 opensChange 事件发射器。切换选择面板时发出的事件。

文档

Answer 2

在我使用的角度材料版本（7.1.1>）中，您可以使用这样的关闭事件：

 <mat-select (closed)="method()">
 ...
 </mat-select>

在stackblitz 中查看此示例。