angular - 如何将动态数据传递给 Angular 4 中的子组件？

Question

我有一个父组件，一旦我在父组件中收到响应，我必须将数据传递给子组件。

Challenges

1) I have to wait to pass data till i will receive Response in Parent Component.

2) I want to execute particular function in Child Component once I will receive data from child.

Parent.component.ts

JSON.parse(this.responseData, (key, value) => {
 if (key === 'patient-list') {
      this.mrn = this.totalPatientList[0]['value']['patientmrn'];
}
});

Parent.component.html

<router-outlet></router-outlet>

Child.component.html

@Input() patientdata:any;


ngAfterViewChecked(){
console.log('Data Received -----', this.patientdata);    
}

我希望我能够向大家解释我的问题。

Answer 1

您的示例中没有子/父通信，因为它要求组件直接位于父 component.html 中。

您需要依赖守卫解析器才能在接收数据时加载“Child”。