来自外部组件的角度触发功能

问题描述

我有一个组件，它只包含一个表单和一个提交表单的函数。

submitData(newUserForm: NgForm)

当我单击按钮时，如何从另一个组件触发此功能？

我像这样嵌入表单组件：

<app-form></app-form>

但它不是在主组件中创建的，我无法像子组件一样导入它。

我在主组件中有一个服务，但表单组件无权访问它。

我找到了这个，但似乎对我没有任何作用。

How to call another components function in angular2

在主组件中，我需要一个函数来调用表单中的提交函数：

类似于：

save() {
   submitData();
}

它是否适用于 Hostlistener、dispatchEvent 或 runOutsideAngular 之类的东西？

我找到了一些样本，但似乎没有任何效果。

解决方法

这是关于组件交互的。只需尝试使用@ViewChild 装饰器，或者您可以使用服务与它们进行交互。