首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用ngFor遍历对象数组

如何使用ngFor遍历对象数组
EN

Stack Overflow用户
提问于 2018-07-26 08:51:40
回答 1查看 53关注 0票数 1

我正在尝试使用ngFor指令迭代组件属性。我的顶级组件是

代码语言:javascript
复制
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中,我有

代码语言:javascript
复制
<pie-chart class="mips-details"
           *ngFor="let mip of mips"
           summary="true"
           details={{mip}}>
</pie-chart>

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

代码语言:javascript
复制
export class PieChartComponent implements OnInit{
    @Input()
    details : any;

我遇到的问题是如何设置细节输入。按照我设置的方式,当我查看this.details时,它会显示“object object”。

我做错了什么?

EN

回答 1

Stack Overflow用户

发布于 2018-07-26 08:59:57

使用the following syntax绑定details属性:

代码语言:javascript
复制
[details]="mip"
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51529505

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档