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