Angular Matautocomplete 如何访问选定的选项

发布于02月04日

我知道[value]存储了选定的对象(在我的情况下提供).根据material 文件，optionSelectedemits 一个事件.我试过[optionSelected] = "fooFn"，但它不存在.我只想访问Offer对象.谢谢

提供搜索.组成部分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>

Angular Matautocomplete 如何访问选定的选项

推荐答案

Angular相关问答推荐

Angular 形式验证：在空和不匹配的密码上显示错误

angular 17：app.config. server.ts中的mergeApplicationconfig导致初始化在app.config. ts中导入的提供程序

属性'；apiUrl'；在我的Angular 应用程序上不存在类型'；{}'；错误

出错后可观察到的重用

无法在单个元素上多次监听同一个事件

显示带有数组子列的标题表 - Angular

如何有条件地更新 Angular 路由解析器数据？

如果Angular 数据为空，如何设置N/A

TypeError：this.restoreDialogRef.afterClosed 不是函数

将 html ngModel 值传递给服务Angular

Observable .do() 运算符 (rxjs) 的用例

无法卸载 angular-cli

找不到模块'webpack'

无法获得 angular-material md-sidenav 的 100% 高度

MatToolbar 与 Angular 9 一起使用时抛出错误

Angular 应用程序中的语法错误：Unexpected token <

Angular 2表单验证重复密码

从 Angular 中的自定义表单组件访问 FormControl

在渲染视图/模板之前等待 Angular 2 加载/解析模型

来自 chokidar (C：\) 的错误：错误：EBUSY：资源繁忙或锁定，lstat 'C：\DumpStack.log.tmp