Angular 在“角度材质自动完成”组件中标识选定选项

是否有任何方法可以确定在自动完成组件中选择了哪个选项，以便当用户按tab键时，我选择该选项而不是更改字段的焦点

  <mat-form-field>
    <input type="text" #selectFilter [(ngModel)]="concept" name="concept" placeholder="Concept" aria-label="Concept" matInput [matAutocomplete]="auto">
    <mat-autocomplete #auto="matAutocomplete">
      <mat-option *ngFor="let concept of conceptsArrFiltered" [value]="concept.Id">
        {{ concept.Id }} - {{ concept.Desc }}
      </mat-option>
    </mat-autocomplete>
  </mat-form-field>

这是我的密码：

  <mat-form-field>
    <input type="text" #selectFilter [(ngModel)]="concept" name="concept" placeholder="Concept" aria-label="Concept" matInput [matAutocomplete]="auto">
    <mat-autocomplete #auto="matAutocomplete">
      <mat-option *ngFor="let concept of conceptsArrFiltered" [value]="concept.Id">
        {{ concept.Id }} - {{ concept.Desc }}
      </mat-option>
    </mat-autocomplete>
  </mat-form-field>

搜索
{{asset.symbol}-{{asset.company}

由于您没有粘贴任何代码，我将与您分享一个刚刚使用过的示例

  <mat-form-field>
    <input type="text" #selectFilter [(ngModel)]="concept" name="concept" placeholder="Concept" aria-label="Concept" matInput [matAutocomplete]="auto">
    <mat-autocomplete #auto="matAutocomplete">
      <mat-option *ngFor="let concept of conceptsArrFiltered" [value]="concept.Id">
        {{ concept.Id }} - {{ concept.Desc }}
      </mat-option>
    </mat-autocomplete>
  </mat-form-field>

{{concept.Id}-{{concept.Desc}

因此，所选的值将保存在这个.concept中，因为这是ngModel绑定到

[（ngModel）]=“concept”

的地方，我们在执行

[value]=“concept.Id”

时分配这个值

  <mat-form-field>
    <input type="text" #selectFilter [(ngModel)]="concept" name="concept" placeholder="Concept" aria-label="Concept" matInput [matAutocomplete]="auto">
    <mat-autocomplete #auto="matAutocomplete">
      <mat-option *ngFor="let concept of conceptsArrFiltered" [value]="concept.Id">
        {{ concept.Id }} - {{ concept.Desc }}
      </mat-option>
    </mat-autocomplete>
  </mat-form-field>

---

我不确定这是否回答了你的问题。。。我说的对吗？

嘿，伙计，请在你的问题中粘贴一些代码。你好，我的代码：我看到你使用的是旧版本的材料，md现在是mat。。。你不能升级到新版本以便实现我的答案吗？很遗憾，这不是因为项目太大。@BrendowAlmeida，但你应该能够使用

mat switcher

。有关更多信息，请参阅NPM上的此程序包：但它不起作用，因为当我按TAB键时，它不会选择我用向下箭头选择的字段，它只会更改焦点并关闭自动完成的组合框。

  <mat-form-field>
    <input type="text" #selectFilter [(ngModel)]="concept" name="concept" placeholder="Concept" aria-label="Concept" matInput [matAutocomplete]="auto">
    <mat-autocomplete #auto="matAutocomplete">
      <mat-option *ngFor="let concept of conceptsArrFiltered" [value]="concept.Id">
        {{ concept.Id }} - {{ concept.Desc }}
      </mat-option>
    </mat-autocomplete>
  </mat-form-field>