將數據從父組件傳遞到子組件

Question

我需要使用輸入將數據從父級傳遞到子級。 我想傳遞的變量來自* ngFor。

我想這樣做。 目前無法正常運作； 無法讀取未定義的屬性“主題”

 <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之外，因此item變量在那兒是未知的。 您想將哪一項傳遞給故事側？

Answer 2

在子組件內部創建@Inpust

child.component.ts

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

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