配列を使用してデータをソートする

Question

これは私のcomponents.tsです。 カウントを配列に並べ替えるfuctionを書いて、htmlで並べ替えられた配列データを使ってグラフを作成します。

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'dashboard', 
    styleUrls: ['./dashboard.scss'], 
    templateUrl: './dashboard.html', 
}) 
export class Dashboard { 
    private data = []; 
    constructor() { 
    this.data = [{ 
     'maxTime': 30041, 
     'minTime': 6453, 
     'avgTime': 18949, 
     'count': 4, 
     'requestRouteTemplate': 'api/GetUserPostponesCountReport', 
     'requestMethod': 'POST', 
    }, 
    ... 
    } 
] 

Answer 1

あなたは、参考のためsort機能

this.data.sort(function(a,b){ 
    return a.count - b.count; 
}); 

を使用することができます - tweaking- plunker

Answer 2

についてはsort

あなたがデータの順序を表示したい場所をごdashboard.htmlファイルでこれを実装しますカウント別

<tr *ngFor="#friend in friends| orderBy : ['count']""> 
     <td>{{friend.name}}</td> 
     <td>{{friend.phone}}</td> 
     <td>{{friend.count}}</td> 
</tr> 

Answer 3

this.data.sort(function (a, b) { 
    return a.count - b.count; 
}); 

出典：https://developer.mozilla.org/hu/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

それともES6ショートカット：この方法のように

data.sort((a, b) => a.count - b.count); 

は1行であなたは{}もリターンを必要といけないし、また許可を必要といけないので矢印機能。