将数据从父组件传递到子组件

Question

我需要使用输入将数据从父传递给子。我希望传递的变量来自* ngFor。

我想这样做。目前不工作;无法阅读财产＆＃39; subject＆＃39;未定义的

 <ul *ngFor="let item of data">
   <li> {{item.id}}</li>
 </ul>
 <ubi-story-side [rec]='item.id'></ubi-story-side>

Answer 1

您的ubi-story-side超出了* ngFor，因此项目变量在那里是未知的。您希望将哪个项目传递给故事方？

Answer 2

在子组件内部创建@Inpust

child.component.ts

import { Component, Input } from '@angular/core';

export class ChildComponent {
  @Input() public rec: any;
}