Angular 2 - NGX-Chartの補間ngFor内の結果

Question

私はいくつかのjsonに基づいてグラフを表示しようとしています。 ngFor内

[ { "name": "Completed", "value": 50 }, { "name": "Remaining", "value": 50 } ] 

：私はこのようになりますこれは、JSONオブジェクトのさまざまな部分にアクセスするためのパイプを作ったが、データを使用する方法がわかりません。

ので、通常、私はこのようなものだろう：

<ngx-charts-advanced-pie-chart 
    mdTooltip="Click to change unit" 
    [tooltipDisabled] = "true" 
    [scheme]="colorScheme" 
    [results]="results"  <----this is where the results normally go 
    [gradient]="gradient" 
    [view]="view" 
    (select)="onChartClick()" 
    > 
    </ngx-charts-advanced-pie-chart> 

をそして、私はこのような何かを試してみたい：

<div *ngFor="let chair of targetChairs | chairDimensions"> 
    <ngx-charts-advanced-pie-chart 
    mdTooltip="Click to change unit" 
    [tooltipDisabled] = "true" 
    [scheme]="colorScheme" 
    [results]="{{ chair.value.data.height | json }}" 
    [gradient]="gradient" 
    [view]="view" 
    (select)="onChartClick()" 
    > 
    </ngx-charts-advanced-pie-chart> 
</div> 

これは動作しませんが、これを達成する方法はありますか？

Answer 1

だから私はので、ここで、私の問題を解決するGitのページhere上で同様の問題は、私は他の誰かがこの問題を持っている場合に使用するものであるが見つかりました：

<div *ngFor="let chair of targetChairs | chairDimensions"> 
    <ngx-charts-advanced-pie-chart 
    mdTooltip="Click to change unit" 
    [tooltipDisabled] = "true" 
    [scheme]="colorScheme" 
    [results]="chair.value.data.feet" 
    [gradient]="gradient" 
    [view]="view" 
    (select)="onChartClick()" 
    > 
    </ngx-charts-advanced-pie-chart> 
</div>