如何在 Angular 5 中动态地从应用程序组件调用子组件的功能?

how to call functions of child component from appcomponent dynamically in angular5?

我在 app.component.html 中的导航栏上有一个保存按钮,当我单击保存时,应该会保存当前页面的表单。

问题是我无法将 App 组件中的保存图标 link 保存到子组件中的 save() 方法。有人可以帮我吗?

我已经尝试使用 @ViewChild,但我需要 save() 动态调用,因为有很多子组件。

您可以使用多种方法。

不同 是在您的应用程序中使用基于 redux 的方法 Ngrx。我强烈推荐这种方法,因为它会导致更清洁的应用程序。

或者,您可以使用包含 submit 代码的服务,该代码可以注入任何子组件。可以在此处找到一个示例 Plunkr https://plnkr.co/edit/IOMT14ObtUk0jLSutlHK?p=preview