如何使用ngFor迭代对象数组?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (193)

我试图使用ngFor指令对组件属性进行迭代。

export class OverviewComponent {
    public mips : Array<Object> =  [
    {id: '44',  label: 'MIPS 44',   description: 'Preoperative Beta Blocker'},
    {id: '76',  label: 'MIPS 76',   description: 'Central Line : Sterility'},
    {id: '404', label: 'MIPS 404',  description: 'Smoking Abstinence'},
    {id: '424', label: 'MIPS 424',  description: 'Perioperative Temperature Management'},
    {id: '430', label: 'MIPS 430',  description: 'PONV Adult'},
    {id: '463', label: 'MIPS 463',  description: 'PONV Pediatrics'},
];
...
}

在我的顶级组件html中有:

<pie-chart class="mips-details"
           *ngFor="let mip of mips"
           summary="true"
           details={{mip}}>
</pie-chart>

我的pie组件有一个输入参数,如:

export class PieChartComponent implements OnInit{
    @Input()
    details : any;

我的问题是如何设置细节输入?

提问于
用户回答回答于

每当你使用@input传递数据给子进程时:

<pie-chart class="mips-details"
           *ngFor="let mip of mips"
           summary="true"
           [details]=mip>
</pie-chart>
用户回答回答于

使用以下语法绑定details属性:

[details]="mip"

扫码关注云+社区

领取腾讯云代金券