javascript - 在 Angular Material 中的 mat-multiple select 中添加搜索功能

Question

我想在我的垫子多选下拉列表中添加搜索功能。我已经在 J​​query 中完成了这件事，但我想在 Angular Material 中做同样的事情。这是设计图片。 Here is the image

Answer 1

试试 stackblitz 中的这个例子

stackblitz example with angular 8

在你的html文件中

 <h2>Multiple selection</h2>
  <p>
    <mat-form-field>
      <mat-select [formControl]="bankMultiCtrl" placeholder="Banks" [multiple]="true">
        <mat-select-search [formControl]="bankMultiFilterCtrl"></mat-select-search>
        <mat-option *ngFor="let bank of filteredBanksMulti | async" [value]="bank">
          {{bank.name}}
        </mat-option>
      </mat-select>
    </mat-form-field>
  </p>
  <p>
    Selected Banks: 
  </p>
  <ul *ngFor="let bank of bankMultiCtrl?.value">
    <li>{{bank.name}}</li>
  </ul>