Раскрывающийся раскрывающийся список "Выбор углового материала" Выберите только выбранный или не выбранный элемент

Question

Я получил выпадающий список угловых множественных матов с флажком.Я использовал код с сайта угловой материал, и он работает.Вместо того, чтобы получать список или массив всех выбранных выпадающих элементов, я предпочитаю получать выбранный элемент или невыбранный выпадающий элемент.Это возможно.

Вот мой HTML-код:

<mat-select multiple [(ngModel)]="myData.countries" (ngModelChange)="onEventDropDownChanged(myData, $event)"> 

<mat-option *ngFor="let country of countries" [value]="country.id" >{{country.name}}</mat-option>

В машинописном тексте я вижу, что в параметре

public onEventDropDownChanged(myData: any, event: any) {

}

Если отмечен /выбранный выпадающий список не отмечен, я хотел бы получить этот элемент / идентификатор.Если новый выпадающий элемент был отмечен / выбран, я хотел бы получить новый выбранный элемент / идентификатор.

Спасибо.

Answer 1

Проверьте это Пример

  <mat-form-field>
      <mat-label>Toppings</mat-label>
      <mat-select (ngModelChange)="onEventDropDownChanged($event)" [formControl]="toppings" multiple>
        <mat-option *ngFor="let topping of toppingList" [value]="topping">{{topping}}</mat-option>
      </mat-select>
    </mat-form-field>

onEventDropDownChanged(i) {
console.log('Your Current Selected Item', i)
}