Мне нужен список выбора, который я могу отфильтровать с помощью входных данных для поиска: ![enter image description here](https://i.stack.imgur.com/pa5kS.png)
Я пытался что-то подобное, но когда я пытаюсь найти значение, япотерять мой выбор:
<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 вместо элементов, но как мне этого добиться?