Angular 下拉列表的字母排序

我刚开始使用Angular 2和TypeScript。我很难实现它的代码。 我的问题是如何在我的下拉列表中进行排序

以下是HTML代码：

<div class="col-12">
    <select class="form-control" id="type" [(ngModel)]="measure" (change)="getMeasures()">
        <option *ngFor="let option of options" [ngValue]="option.measure">{{option.display}}</option>
      </select>
  </div>

---

您可以使用angular2中的管道，例如，orderBy

<div class="col-12">
    <select class="form-control" id="type" [(ngModel)]="measure" (change)="getMeasures()">
        <option *ngFor="let option of options | orderBy : 'measure'" [ngValue]="option.measure">{{option.display}}</option>
      </select>
  </div>

{{option.display}

---

应用分拣管道，请参见

{{option.display}

接受的答案不再有效。根据

附录：无过滤器管道或OrderByPipe Angular不提供管道 用于筛选或排序列表。熟悉AngularJS的开发人员 将其称为筛选和排序依据。在角度上没有等价物

这不是疏忽。Angular不提供此类管道，因为它们 表现不佳，防止过度缩小。。。而有些人可能 如果不想大幅缩小，棱角产品不应该 防止任何人积极缩小规模。因此，角度 团队决定，Angular提供的所有设备都将安全缩小

Angular团队和许多经验丰富的Angular开发人员 建议将过滤和排序逻辑移动到组件中 本身

---

查找此链接中给出的示例

---

在应用程序中创建pipe order-by.pipe.ts并使用它。

澄清您的问题和您面临的问题。你想按哪个标准排序？@Abrar我想在单击下拉列表时对它们进行排序，这样它们在我的列表中就可以按字母顺序排序了。首先是区域，然后是电流等等@pooh098你检查过我的电源了吗

<div class="col-12">
    <select class="form-control" id="type" [(ngModel)]="measure" (change)="getMeasures()">
        <option *ngFor="let option of options | orderBy : 'measure'" [ngValue]="option.measure">{{option.display}}</option>
      </select>
  </div>

<option *ngFor="let option of options | orderBy:'measure'" [ngValue]="option.measure">{{option.display}}</option>