代码之家 › 专栏 › 技术社区 › leota

选择更改后让MatSelect保持打开状态

angular-material typescript angular

0

leota · 技术社区 · 7 年前

我用的是角v5和角材料。我有一个 mat-select 我想在选择一个选项后保持打开状态,因为我想用一个特定的按钮单击来显式地触发关闭。我试着把 (click)="$event.stopPropagation() 上 mat-option 但这不起作用。有什么想法吗??

我在这里创建了一个简单的示例: stackblitz demo

1 回复 | 直到 7 年前

1

3

leota 7 年前

这就是我找到的解决方案。希望有人能从中受益:

<mat-select #selector placeholder="Favorite food" multiple>
    <mat-option *ngFor="let food of foods" (click)="selector.open()" [value]="food.value">
            {{ food.viewValue }}
    </mat-option>
</mat-select>