ngFor 内部 ngFor 有两个组件答案

【问题标题】：ngFor inside ngFor with two componentsngFor 内部 ngFor 有两个组件
【发布时间】：2018-01-04 12:31:18
【问题描述】：

我有这个：

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

我无法读取元素中的任何内容，实现此目的的正确方法是什么？

编辑

父组件.ts：

    public data: any = [];


    //API CALLS

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

这是我的console.log(data)

其中有一个名为 (cmets) 的数组，我想 ngFor 它并读取其中的 cmets，总之我想 ngFor 我的帖子和每个帖子 ngFor 它的 cmets。

这是我的 cmets 数组

【问题讨论】：

标签： angular

【解决方案1】：

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

@Input() user : User;

编辑

看来你的子组件获取的是对象而不是数组，所以不要使用ngFor，直接使用

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

【讨论】：