Angular 2 - ngFor 中 NGX-Charts 结果的插值

Question

我正在尝试显示基于某些 json 的图表。我做了一个管道来访问 json 对象的各个部分，但不知道如何使用数据，它看起来像这样：

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

在 ngFor 中。

所以通常我会这样做：

  <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>

Angular 2 - ngFor 中 NGX-Charts 结果的插值

Angular 2 - Interpolation for NGX-Charts Results within ngFor

json

ngfor

angular