我想mat-select-filter在mat-select模块中实现。我添加了一个搜索图标,用于根据输入的字符搜索下拉列表中的项目。我已经提到了这个mat-select-filter和stackblitz但我没有得到过滤器字段。下面是我使用的代码
search-filter.component.html
<mat-form-field class="input-permissions">
<mat-select
placeholder="Permissions"
multiple
[formControl]="permissionsControl"
>
<mat-select-filter
[array]="permissions"
(filteredreturn)="filteredList=$event"
></mat-select-filter>
<mat-option
*ngFor="let permission of permissions"
[value]="permission.value"
>
{{ permission.value}}
</mat-option>
</mat-select>
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)
mat-select-filter.component.ts
export class MatSelectFilterComponent{
permissions: {{id: 0, value: fruit},{id: 1, value: vegetable} };
public filteredList = this.permissions.slice();
}
Run Code Online (Sandbox Code Playgroud)
任何帮助,将不胜感激。