我想做的是,如果子组件调用父组件的函数,则父组件将一些数据传递给子组件。 但是现在的问题就像在本示例中一样,即使父函数被调用了5次,由于传递的数据没有变化,孩子也无法检测到。 我可以实现的是,无论是否修改了父级的数据,都可以从父级通知子级并拥有正确的数据。
Child.ts
@Input() set dataFromParent(v:any){
console.log(v)
}
@Output() callParentFunction = new EventEmitter<any>()
ngOnInit() {
for(let i = 0; i< 5;i++){
this.callParentFunction.emit()
}
}
Parent.html
<app-child (callParentFunction)="test()" [dataFromParent]="isData"/>
Parent.ts
isData = true
test=()=>{
this.isData = true
}