Не удается получить выбранное значение параметра mat из автозаполнения mat с использованием асинхронного - PullRequest
Новая
       22

Не удается получить выбранное значение параметра mat из автозаполнения mat с использованием асинхронного

1 голос
/ 05 апреля 2020

Я пытаюсь получить весь объект, который есть в каждом параметре mat-option mat-autocomplete.

Метод optionSelected ничего не возвращает, когда я нажимаю на параметр mat. Я также пытался добавить метод click для параметра mat, но у меня были те же результаты.

Вот то, что я пробовал до сих пор. 

<mat-form-field>

  <input [formControl]="autoCompleteControl"
         [matAutocomplete]="auto"
         type="text"
         placeholder="Pick one"
         (keyup.enter)="submitPlayer1($event)"
         aria-label="Number"
         matInput>

  <mat-icon
    style="cursor: pointer"
    matSuffix>done_outline
  </mat-icon>

  <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="onSelectionChanged($event)">

    <mat-option *ngFor="let player of playersAutoComplete$ | async; let index = index"
                [value]="player">{{player}}>
      <img
        [src]="this.store.AVATAR_URL + player.pid + '.jpg'"
        class="example-option-img"
        aria-hidden height="25">
      <span>{{player.playerName}}</span> |
      <span class="text-info">{{player.leagueName}}</span> |
      <small>Population: {{player.teamName}}</small>
    </mat-option>

  </mat-autocomplete>

</mat-form-field>

Я подозреваю, что это асин c, который преобразует наблюдаемое в массив, но я не могу напрямую использовать массив, потому что я получаю опцию автоматического заполнения mat из API.

...