オブジェクトの配列を反復処理すると、キーの角2

Question

こんにちはを取得するには、私は以下のようなデータ構造を持っています。私は何もbuitinパイプを見つけなかったので、私はカスタムを作成しました。

@Pipe({name: 'keys'}) 
export class KeysPipe implements PipeTransform { 
    transform(value, args:string[]) : any { 
    let keys = []; 
    for (let key in value) { 
     keys.push({key: key, value: value[key]}); 
    } 
    return keys; 
    } 
} 

私のhtmlでは、キーは0,1,2、...となっています。どんなアイデアがここで間違って起こっている？

Answer 1

を?:よう があなたのテーブルです多分これは役立つだろう：

@Pipe({name: 'keys'}) 
export class KeysPipe implements PipeTransform { 
    transform(value, args:string[]) : any { 
    let keys = []; 
    Object.keys(value).forEach(function(key){ 
     keys.push({key: key, value: value['value']}); 
    }); 

    return keys; 
    } 
} 

Answer 2

このようなものを試してみましたが、私は試していませんでしたが、うまくいくはずです。問題は、オブジェクト上ではなく配列全体を繰り返し処理していることです。そして、「キー」と言うところでは、配列のインデックスです。そのため、「0、1、2」が得られています。これは

ID NAME 
id1 name1 
id2 name2 
... ...