小编Chr*_*ese的帖子

Angular:使用 mat-select-filter 并在过滤器字段中添加图标的具有搜索功能的多个 mat-select 下拉列表

我想mat-select-filtermat-select模块中实现。我添加了一个搜索图标,用于根据输入的字符搜索下拉列表中的项目。我已经提到了这个mat-select-filterstackblitz但我没有得到过滤器字段。下面是我使用的代码

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)

任何帮助,将不胜感激。

filtering drop-down-menu angular-material angular

2
推荐指数
1
解决办法
1万
查看次数