如何在 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
我在 app.component.html 中的导航栏上有一个保存按钮,当我单击保存时,应该会保存当前页面的表单。
问题是我无法将 App 组件中的保存图标 link 保存到子组件中的 save()
方法。有人可以帮我吗?
我已经尝试使用 @ViewChild
,但我需要 save()
动态调用,因为有很多子组件。
您可以使用多种方法。
最不同 是在您的应用程序中使用基于 redux 的方法 Ngrx。我强烈推荐这种方法,因为它会导致更清洁的应用程序。
或者,您可以使用包含 submit
代码的服务,该代码可以注入任何子组件。可以在此处找到一个示例 Plunkr https://plnkr.co/edit/IOMT14ObtUk0jLSutlHK?p=preview