繁体   English   中英

ngFor内部ngFor具有两个组件

[英]ngFor inside ngFor with two components

我有这个:

<div *ngFor=" let item of data " >
  // some details
  <app-child [user]="item"></app-child>
</div>

在我的孩子中:

<div *ngFor=" let element of user " >
  // some details
  <a> {{element.name}} </a>
<div>

我看不到任何内容,实现此目标的正确方法是什么?

编辑

父component.ts:

    public data: any = [];


    //API CALLS

    this.result.forEach(item => {
     this.data.push(item);
    });

这是我的console.log(data) 在此处输入图片说明

在其中有一个名为(comments)的数组,我想对其进行ngFor并阅读其中的注释,最后,我要对自己的帖子和每个帖子ngFor进行评论。

这是我的评论数组 在此处输入图片说明

确保您将子组件中的用户数组作为输入

@Input() user : User;

编辑

看来您的子组件正在获取对象而不是数组,所以不要使用ngFor,请直接使用

<div  >  
  <a> {{user.name}} </a>
<div>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM