我在父组件中有两个同级组件,如下所示
<parentComponent>
<sibling1></sibling1>
<sibling2></sibling2>
</parentComponent>我从兄弟姐妹2向父母发送数据。然后把它作为输入从父母传递给兄弟1。但是当兄弟1在兄弟2无法获得兄弟1上的数据之前被初始化。如何用相同的设置获取兄弟1上的数据。
发布于 2019-02-22 07:16:41
在父组件中接收数据时,需要运行callback函数来更新sibling1数据。为了在父类中运行回调,您可以这样做。
SIBLING2
class Sibling2 {
@Output() private onChange: EventEmitter<string> = new EventEmitter<string>();
ngOnInit () {
this.onChange.emit("hello parent")
}
}亲本
class Parent {
private parentData: string = null;
ngOnInit () {
this.onChange.emit("hello parent")
}
onSibling2Change(data) {
this.parentData = data; //this will update sibling1 data
}
}HTML:
<parentComponent>
<sibling1 [data]="parentData"></sibling1>
<sibling2 (onChange)="onSibling2Change($event)"></sibling2>
</parentComponent>https://stackoverflow.com/questions/54821762
复制相似问题