当选项具有条件名称时如何按字母顺序排序Mat-select

Question

我具有要按字母顺序订购的垫子选择。

 <mat-select [(ngModel)]="item" name="item" (selectionChange)="changeIdentificationOptions($event)">
    <mat-option *ngFor="let item of itemss" [value]="item">
              {{ item.name ? item.name: item.identity}}
    </mat-option>
</mat-select>

显示的选项名称是有条件的。每个项目都有一个可选名称。如果确实有名称，则将使用它，否则将使用身份名称。

我在SO上已经看到，建议创建自定义orderBy用类似此答案的管道Angular Material - dropdown order items alphabetically

但是使用单个键进行排序。我在制作自定义管道方面不是很有经验。这对我的情况如何起作用？

Answer 1

理想情况下，应从后端按字母顺序对数据进行排序。

没有'orderBy'管道，因为Angular团队认为应该按照https://angular.io/guide/pipes的文档对它进行排序。>

Answer 2

更好地创建可用于整个项目的管道，如下所示：