Позвольте MatSelect оставаться открытым после изменения выбора

Question

Я использую Angular v5 с Angular Material. У меня есть mat-select, который я хочу оставить открытым после выбора опции, поскольку я хочу явно инициировать закрытие определенным нажатием кнопки. Я пытался поставить (click)="$event.stopPropagation() на теги mat-option, но это не сработало. Есть идеи ??

Я создал простой пример здесь: демонстрация стекаблиц

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>