angular - (onSelectionChange) 调用函数并发送值 [Angular Material] (undefiend)

Question

我很想得到你的帮助。我尝试获取所选项目的值并将该值发送给函数。

组件html：

<mat-form-field style="text-align: right">
    <input type="text" placeholder="type..." matInput [formControl]="myControl" [matAutocomplete]="auto">
    <mat-autocomplete #auto="matAutocomplete">
            <mat-option (onSelectionChange)="selected($event)" *ngFor="let option of filteredOptions | async" [value]="option.companyName">
              {{option.companyName}}
            </mat-option>
          </mat-autocomplete>
</mat-form-field>

组件 ts：

  // Selected option function triger
  selected(event: MatAutocompleteSelectedEvent) {
    console.log(event);
  }

该事件调用该函数，但控制台未定义

标签： angularautocompleteangular-material

Answer 1

optionSelected在mat-autocomplete元素上使用。

<mat-autocomplete #auto="matAutocomplete" (optionSelected)='selected($event.option.value)'>


// Selected option function triger
selected(value: string) {
   console.log(value);
}