Json 角度2-NGX图表的插值结果在ngFor中

我试图显示基于一些json的图表。我制作了一个管道来访问json对象的各个部分，但不知道如何使用数据，如下所示：

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

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

在ngFor内部

所以通常我会这样做：

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

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

我想试试这样的东西：

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

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

---

这不起作用，但有没有办法做到这一点？

因此，我在git页面上发现了一个类似的问题，解决了我的问题，下面是我在其他人出现此问题时使用的方法：

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