Angular 9 Выберите все в раскрывающемся списке множественного выбора при использовании asyn c pipe - PullRequest
Новая
       65

Angular 9 Выберите все в раскрывающемся списке множественного выбора при использовании asyn c pipe

0 голосов
/ 15 апреля 2020

Я пытаюсь выбрать опцию или выбрать все, в моем раскрывающемся списке angular 9. Я использую | asyn c канал для подписки на наблюдаемый и пользовательский канал фильтрации для фильтрации на основе результатов поиска. Этот выбор позже будет представлен в API вместе с другими данными формы.

Я пытался найти примеры реактивных форм, но ни один из примеров не упоминает и не показывает использование asyn c pipe (по крайней мере, я смог найти). Так что теперь мне интересно, если это вообще возможно.

Ниже приведен мой базовый шаблон c. Это работает, поскольку он отображает данные из наблюдаемой, и это может быть отфильтровано с помощью моего пользовательского канала.

HTML Шаблон 

<form>

  <h2>Multiple selection</h2>
  <p >
    <mat-form-field>
      <mat-select  placeholder="things" [multiple]="true">
        <div id="thing-select-search-wrapper">
          <mat-option #allSelected id="select-all">All</mat-option>
          <input id="thing-search" matInput placeholder="search" #query autocomplete="false">
        </div>
        <mat-option *ngFor="let thing of things$ | filterthingnameasync: query.value | async" [value]="thing.name">
          {{thing.name}}
        </mat-option>
      </mat-select>
    </mat-form-field>
  </p>

</form>

До сих пор я не связал его успешно с реактивными формами и выбрал несколько значений. Я застрял в том факте, что имею дело с наблюдаемыми и не синхронными данными.

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

В надежде, что вы укажете мне правильное направление или отклоните мои мысли о том, что это возможно.

...