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