首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >兄弟通讯角6

兄弟通讯角6
EN

Stack Overflow用户
提问于 2019-02-22 07:04:30
回答 1查看 5.3K关注 0票数 1

我在父组件中有两个同级组件,如下所示

代码语言:javascript
运行
复制
<parentComponent>
  <sibling1></sibling1>
  <sibling2></sibling2>
</parentComponent>

我从兄弟姐妹2向父母发送数据。然后把它作为输入从父母传递给兄弟1。但是当兄弟1在兄弟2无法获得兄弟1上的数据之前被初始化。如何用相同的设置获取兄弟1上的数据。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-22 07:16:41

在父组件中接收数据时,需要运行callback函数来更新sibling1数据。为了在父类中运行回调,您可以这样做。

SIBLING2

代码语言:javascript
运行
复制
class Sibling2 {
   @Output() private onChange: EventEmitter<string> = new EventEmitter<string>();

   ngOnInit () {
     this.onChange.emit("hello parent")
   }

}

亲本

代码语言:javascript
运行
复制
    class Parent {
           private parentData: string = null;

           ngOnInit () {
             this.onChange.emit("hello parent")
           }

           onSibling2Change(data) {
             this.parentData = data; //this will update sibling1 data
           }

        }

HTML:

代码语言:javascript
运行
复制
<parentComponent>
  <sibling1 [data]="parentData"></sibling1>
  <sibling2 (onChange)="onSibling2Change($event)"></sibling2>
</parentComponent>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54821762

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档