具有两个组件的ngFor内部ngFor

Question

我有这个：

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

​

在它里面有一个名为(注释)的数组，我想ngFor它并阅读它里面的注释，最后，我想ngFor我的帖子，每个帖子ngFor它的评论。

这是我的评论数组

​

Answer 1

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

@Input() user : User;

编辑

似乎您的子组件正在获取对象而不是数组，所以不要使用ngFor，直接使用

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