Определить выбранную опцию в компоненте автозаполнения углового материала

Question

Есть ли способ определить, какой параметр выбран в компоненте автозаполнения, чтобы при нажатии пользователем вкладки я выбирал этот параметр вместо изменения фокуса поля.

Вот мой код:

<div class="search-box">
  <i class="material-icons">search</i>
  <input #inputText 
    mdInput 
    [mdAutocomplete]="issuingAsset" 
    [attr.maxlength]="15" 
    [(ngModel)]="assetSearch" 
    (input)="inputText.value=$event.target.value.toUpperCase()"
    (keydown.tab)="onSearchByAsset()"
    (keyup)="onAutoCompletAsset(assetSearch)">
    <md-autocomplete #issuingAsset="mdAutocomplete" >
      <div>
        <md-option
        (onSelectionChange)="selectAsset(asset.symbol)"
        *ngFor="let asset of filteredAssets" 
        [value]="asset.symbol">
          <div class="text-auto-complete"> {{ asset.symbol}} - {{asset.company}}</div>
        </md-option>
    </div>
  </md-autocomplete>
</div>

Answer 1

Поскольку вы не вставляли ни одного кода, я поделюсь примером, с которым я только что работал ...

  <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>

Таким образом, выбранное значение будет храниться в this.concept, поскольку именно здесь ngModel связывается с [(ngModel)]="concept", и мы присваиваем это значение, когда делаем [value]="concept.Id".

Я не уверен, что это ответит на ваш вопрос ... я правильно вас понял?