Закрыть угловой материал mat-select multiselect нажатием кнопки?

Question

Я хотел бы иметь раскрывающееся меню с несколькими вариантами выбора, где пользователь нажимает кнопку «Применить» (которая находится в раскрывающемся списке), чтобы закрыть меню.Используя Angular Material и mat-select, есть ли способ сделать это?

Я уже пытался добавить метод close к кнопке, но я получаю много консольных ошибок, в том числе "control.registerOnDisabledChange isне функция ", а после нажатия" control.markAsTouched не является функцией "

 <mat-form-field>
    <mat-select #toppings placeholder="Toppings" [formControl]="toppings" multiple>
      <mat-option *ngFor="let topping of toppingsList" [value]="topping">{{topping}}</mat-option>
      <button (click)="toppings.close()">Apply</button>
    </mat-select>
  </mat-form-field>

Список закрывается, но с ошибками консоли.

Answer 1

Как отмечает коммент, существует конфликт имен.Это работает.

<mat-select #sl placeholder="Toppings" [formControl]="toppings" multiple>
        <mat-option *ngFor="let topping of toppingsList" [value]="topping">{{topping}}</mat-option>
        <button (click)="sl.close()">Apply</button>
    </mat-select>

Stackblitz https://stackblitz.com/edit/angular7-material-primeng-template-1-hwuq4p?file=src%2Fapp%2Fapp.component.ts