Angular2 - 从另一个独立组件调用函数基本上，从外部组件调用函数

编程问答 2022-05-03

问题描述

我正在一个组件 (Component1) 中加载另一个包含表单的独立组件 (Component2)。

假设您制作了一个表单组件，我想将其集成到我的组件中并触发您编写的提交功能，而无需单击您的提交按钮。

这个表单上的提交按钮会触发一个保存数据的函数：

submitData(newUserForm: NgForm)

主要组件（Component1）也有一个提交按钮。我想要的是从 Component2 中删除提交按钮并在我从 Component1 中单击提交时触发提交功能。

类似于：

<button type="button" class="submit" (click)="saveData()">{{ Save }}</button>

saveData() {
     Component2.submitData(data);
}

ViewChild 不起作用，因为这两个组件不是同一组件的一部分。此外，输出将不起作用。

从 Component2 外部调用该函数有哪些选项？

希望能帮到你。

谢谢。

问候， AG

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangular2-formsjavascript