Angular 2 – 如何在兄弟组件中调用函数？

发布时间：2020-12-17 06:53:27 所属栏目：安全来源：网络整理

导读：我有2个需要通信的兄弟组件： APP-控制 / APP-控制 ? APP-主 / APP-主 app-controls包含需要在app-main组件中触发事件的按钮.是否有符合Angular 2风格指南的方式？解决方法您可以使用模板变量来获取对兄弟的引用. 如果 app-controls有一个输出,当点击按钮

我有2个需要通信的兄弟组件：

< APP-控制>< / APP-控制>
?< APP-主>< / APP-主>

app-controls包含需要在app-main组件中触发事件的按钮.是否有符合Angular 2风格指南的方式？

解决方法

您可以使用模板变量来获取对兄弟的引用.
如果< app-controls>有一个输出,当点击按钮时它会发出事件你可以这样做：

<app-controls (buttonClicked)="main.doSomething($event)"></app-controls>
<app-main #main></app-main>

或者您可以传递对@Input()兄弟姐妹的引用;然后调用它上面的方法：

<app-controls [sibling]="main"></app-controls>
<app-main #main></app-main>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!