ドロップダウンリストのアルファベット順の並べ替え

Question

角度2とタイプスクリプトの作業を始めました。私はそれのためのコードを実装するのに苦労している。 私の質問は、私のドロップダウンリストでソートのオプションを行う方法ですか？ここで

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> 

はオプションのための私の活字体の一部です：

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

あなたは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> 

パイプが適用されるソート

Answer 2

はhttps://angular.io/guide/pipes

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