ngFor内部ngFor有两个组件

时间:2018-01-04 12:31:18

标签: angular

我有这个:

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

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

修改

parent component.ts:

    public data: any = [];


    //API CALLS

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

这是我的console.log(data) enter image description here

并且里面有一个叫做(评论)的数组,我想知道它并阅读里面的评论,总之我想知道我的帖子和每个帖子的评论。

这是我的评论数组 enter image description here

1 个答案:

答案 0 :(得分:1)

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

@Input() user : User;

修改

看来你的子组件得到的对象不是数组,所以不要使用ngFor,直接使用

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