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

前端之家收集整理的这篇文章主要介绍了angular – Mat-autocomplete – 如何访问所选选项?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道[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

原文链接:https://www.f2er.com/angularjs/240493.html

猜你在找的Angularjs相关文章