angular - 选择更改后让 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>