angular – Mat-autocomplete – 如何访问所选选项？

发布时间：2020-12-17 10:18:54 所属栏目：安全来源：网络整理

导读：我知道[value]存储了所选的Object(在我的情况下是Offer).根据材料文档,optionSelected会发出一个事件.我试过[optionSelected] =“fooFn”,但它不存在.我只想访问Offer对象.谢谢！提供-search.component.html： h5 #offerPoption - autoComplete/h5 mat-form

我知道[value]存储了所选的Object(在我的情况下是Offer).根据材料文档,optionSelected会发出一个事件.我试过[optionSelected] =“fooFn”,但它不存在.我只想访问Offer对象.谢谢！

提供-search.component.html：

<h5 #offerP>option - autoComplete</h5>
  <mat-form-field id="form-field">
    <input type="text" matInput [formControl]="myControl" [matAutocomplete]="auto">
    <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
      <mat-option *ngFor="let option of filteredOptions$| async" [value]="option">
        {{ option.foodItem.name }}
    </mat-option>
  </mat-autocomplete>
  </mat-form-field>

您可以像以下一样使用它：

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

WORKING DEMO

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!