显示自定义＆＃39;值＆＃39;在Angular Material中选择具有多个属性的元素

Question

我正在尝试使用多个选项创建一个角度MatSelect输入，如下所示：

<mat-select
  [formControl]="selectedValues"
  multiple
  (selectionChange)="updateSelectionLabel()"
>
  <mat-option *ngFor="let item of items" [value]="item" >
    {{ item }}
  </mat-option>
</mat-select>

当选择多个项目时，UI中会显示所选项目的列表：

item 1, item 2, it...

我列表中的所有项目都有相似的名称，所以我宁愿显示一个字符串：

XX items selected

有没有办法用Material Angular做到这一点？据我所知，您需要设置MatSelect.triggerValue，但这似乎只是一个现成的属性。 感谢

Answer 1

我错过了docs中如何执行此操作的示例。这是给出的示例的现场演示：

https://stackblitz.com/angular/ovarbapvvdd?file=app%2Fselect-custom-trigger-example.ts