Как сохранить выбранный флажок на фильтре с угловой реактивной формой и материалом - PullRequest
0 голосов
/ 26 ноября 2018

Мне нужен список выбора, который я могу отфильтровать с помощью входных данных для поиска: enter image description here

Я пытался что-то подобное, но когда я пытаюсь найти значение, япотерять мой выбор:

<form (ngSubmit)="submit()" [formGroup]="checkboxGroup">
 <input [(ngModel)]="searchText" type="text" [ngModelOptions]="
  {standalone: true}">
<mat-selection-list formControlName="channels">
 <mat-list-option *ngFor="let item of list | filter: searchText" 
  [selected]="item.active" [value]="item.id">
  {{item.name}}
 </mat-list-option>
</mat-selection-list>
<button type="submit">Submit</button>
</form>

и канал:

   transform(items: any[], searchText: string): any[] {
    if (!items) { return []; }
    if (!searchText) { return items; }
    searchText = searchText.toLowerCase();
    return items.filter(it => 
     it.name.toLowerCase().indexOf(searchText.toLowerCase()) !== -1);
   }

Я думаю, что здесь мне нужно возвращать каналы formControl вместо элементов, но как мне этого добиться?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...