Опция angular mat не может привести $ event к объекту

Question

если кто-то выберет строку в моем выборе матов, она должна быть добавлена ​​в массив. Мой массив представляет собой массив из тегов (customobject), к сожалению, я не могу привести событие $ к объекту тега. Вот мой я также пытался использовать фрукты из фильтрованных фруктов, но это также не работает. Вот мой исходный код:

  <mat-autocomplete #auto="matAutocomplete" (optionSelected)="addToList($event)">
          <mat-option *ngFor="let fruit of filteredFruits | async" [value]="fruit">
            {{fruit.name}}
          </mat-option>
        </mat-autocomplete>

, а вот мой метод:

addToList(tag: any) {
let found = false;


// tslint:disable-next-line:prefer-for-of
for (let i = 0; i < this.fruits.length; i++) {
  if (this.fruits[i].name === tag.name) {
    found = true;
    break;
  }
}
if (!found) {
  this.fruits.push(tag);
}

}