时间戳

首页 > 解决方案 > mat-select - mat-option 排序值

html - mat-select - mat-option 排序值

问题描述

我是 Angular6 的新手，我想知道是否有一种简单的方法可以做我想做的事。

我刚刚阅读了文档，但没有阅读任何相关内容，有没有一种简单的方法可以对下拉列表中的值进行排序？

<mat-form-field>
      <mat-select placeholder="Code List" required [(ngModel)]="contextScheme.codeListId">
        <mat-option *ngFor="let codeList of codeLists" [value]="codeList.codeListId">
            {{codeList.codeListName}}
        </mat-option>
      </mat-select>
</mat-form-field>

基本上我拥有的值是我的数据库中按 id 排序的值，我想要确切的东西，但按 desc 排序。

预先感谢。

袜队-。

标签： htmlangulartypescriptangular6

解决方案

您应该在数据库后端进行排序，或者按照 Angular 团队的建议在无顺序管道中进行排序，它应该在组件内部完成。例如，如果您在组件中有一个数组，您可以使用Array.sort

推荐阅读