入力デコレータによって渡された配列を反復処理する方法

Question

親コンポーネントでオブジェクトの配列を生成し、入力デコレータを子コンポーネント（チャート要素）に渡します。

私の配列chartValuesを宣言して、私はメインデータオブジェクトを反復処理し、私のチャートに必要な値をchartValues配列にプッシュして取ります。

chartValues : Array<Object>=[]; 

this.chartValues.push({ name: data.countryName, y: data.areaInSqKm }); 

後、私はこのような入力デコレータを通じてこのchartValuesを通過したと私は子コンポーネントでそれを受けるが、私はそれを反復することはできないと私は、キーまたはエントリに達する傾けます。

<chart #values [filter]="filters.metric" [values]="chartValues"></chart> 

@Input() values: Array<Object>; 

私は配列を作成し、私はいつもそれを渡す際に要素のタイプはちょうど

[

Answer 1

ngOnInitのライフサイクルにあなたの "chartValuesを" initにすべきであるが、このworking plunkrの表情を持っています。 #valuesは必要ありません。
は、これらのいずれかが動作するはずです：

@Input() values: Array<Object>=[]; 
@Input() values: Array<Object>; 
@Input() values: Array<Object>=new Array(); 

Answer 2

オブジェクトであるので、私は間違っているアレイタイプを宣言していた場合、私は知りません

@Input() 
values: any; 

Answer 3

コンポーネントの入力はまだコンストラクタで評価されていません。 ですから、

ngOnInit(): void { 
    ... 
    this.chartValues.push({ name: data.countryName, y: data.areaInSqKm});  
}