angular - 第一次选择后角垫选择关闭选择面板

Question

使用角度材料垫选择多重，第一次选择后关闭选择面板的方法是什么？

默认情况下 mat-select multiple 保持选择面板打开以选择更多选项，我需要在第一次选择后关闭。

API 公开了一个切换和关闭方法来执行此操作，但我需要从组件中的 typescript 执行此操作。

https://stackblitz.com/edit/angular-material-multiple-selection?file=app/app.component.ts

标签： angularangular-material

Answer 1

首先，是否有必要将multi属性与mat-select组件一起使用？从问题描述来看，您必须将其删除。

如果您仍然需要通过使用查看复选框multi但具有单选组件之类的行为，那么我可以给您我的变体。

代码在这里 - https://stackblitz.com/edit/angular-material-multiple-selection-v7a9kr

我只是<mat-select>在模板中设置了链接，并在类中添加了

this.searchUserForm.valueChanges.subscribe(() => {
    this.select.close();
});

您可以在此处找到关闭方法 - https://material.angular.io/components/select/api

希望我的回答对你有用。