Как реализовать событие изменения выбора матового материала Angular Material?

Question

Я хочу реализовать следующий выбор начальной загрузки в Angular Material. Как мне реализовать событие изменения, показанное здесь в начальной загрузке?

<select (change)="sortByProducts($event.target.value)">
    <option *ngFor="let filter of filters" [value]="filter.id">
        {{filter.title}}
    </option>
</select>

Как добавить событие изменения к материалу, который вызывает функцию sortByProducts, как это сделано в показанном выше фрагменте кода?

<mat-form-field>
   <mat-select>
       <mat-option *ngFor="let filter of filters" [value]="filter.id">
            {{filter.title}}
       </mat-option>
   </mat-select>
</mat-form-field>

Answer 1

Существует вывод selectionChange, который вы можете использовать:

// html
<mat-select (selectionChange)="sortByProducts($event.value)">

// ts
sortByProducts(value) {
    console.log(value)
}

См. https://material.angular.io/components/select/api