如何在angular5中动态地从appcomponent调用子组件的函数?

时间:2017-12-04 19:40:10

标签: angular angular5

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

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

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

1 个答案:

答案 0 :(得分:0)

您可以使用几种方法。

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

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