代码之家  ›  专栏  ›  技术社区  ›  reza

如何使用ngfor迭代对象数组

  •  1
  • reza  · 技术社区  · 6 年前

    我尝试使用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>
    

    我的饼图组件有一个输入参数,例如

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

    我的问题是如何设置细节输入。 我设置它的方式是,当我查看this.details时,它显示“[对象对象]”

    我做错什么了?

    2 回复  |  直到 6 年前
        1
  •  1
  •   Sajeetharan    6 年前

    每当您使用 @input ,绑定应为,

    <pie-chart class="mips-details"
               *ngFor="let mip of mips"
               summary="true"
               [details]=mip>
    </pie-chart>
    
        2
  •  0
  •   ConnorsFan    6 年前

    使用 the following syntax 绑定 details 财产:

    [details]="mip"