下拉列表按字母顺序排序

Question

我刚刚开始使用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>

这是我的TypeScript选项的一部分：

    options = [
        {
          measure: 'length',
          display: 'Length'
        },
        {
          measure: 'area',
          display: 'Area'
        },
        {
          measure: 'volume',
          display: 'volume'
        },
        {
          measure: 'time',
          display: 'Time'
        },
        {
          measure: 'current',
          display: 'Current'
        },
        {
          measure: 'energy',
          display: 'Energy'
        },

  ]

Answer 1

接受的答案不再有效。根据https://angular.io/guide/pipes上的文档

附录：No FilterPipe或OrderByPipe Angular不提供用于过滤或排序列表的管道。熟悉AngularJS的开发人员将其称为filter和orderBy。Angular中没有等效项。

这不是疏忽。Angular不提供此类管道，因为它们的性能不佳并阻止了主动缩小。...尽管有些人可能并不愿意积极缩小尺寸，但是Angular产品不应阻止任何人积极缩小尺寸。因此，Angular团队决定Angular提供的所有内容都将安全最小化。

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