Angular子级调用父函数,然后父级将数据传递给子级

时间:2020-09-23 09:46:53

标签: angular input output parent-child eventemitter

我想做的是,如果子组件调用父组件的函数,则父组件将一些数据传递给子组件。 但是现在的问题就像在本示例中一样,即使父函数被调用了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
}

0 个答案:

没有答案