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

Question

使用angular material mat-select multiple，第一次选择后关闭选择面板的方法是什么？

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

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

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

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

希望我的回答对你有用。