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

Question

我将 Angular v5 与 Angular Material 一起使用。我有一个mat-select我想在选择一个选项后保持打开状态，因为我想通过单击特定按钮显式触发关闭。我试图把(click)="$event.stopPropagation()在mat-option标签，但并没有工作。有任何想法吗？？

我在这里创建了一个简单的例子： stackblitz demo

Answer 1

这是我找到的解决方案。希望有人受益：

<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>