在不同组件中使用相同的数据和方法

Question

我想创建一个包含数百个页面的应用程序，我需要一些东西，一个sigle文件，我可以在其中定义页面数组和通过它们导航的方法。必须从不同的组件和页面导入和访问此数据和方法。 我不确定我应该创造什么。我已经考虑过@viewchild，但是应该使用模板而我没有（或需要），现在我需要管理数据和方法。我应该在哪里看？

Answer 1

您可能正在寻找服务。

服务用于组件之间的交互。

看看this documentation。

Answer 2

我想你必须去服务才能拥有多个组件可以使用的方法。但是，如果您的组件在整个应用程序中使用相同的数据，那么为了应用程序可维护性，您可以获得redux i：e flux架构的帮助。

看一下这个有服务的repo，还有一个使用ngrx在angular中的redux演示。我正在为Angular概念创建它。

https://github.com/rahulrsingh09/AngularConcepts

Answer 3

也许您会尝试将一些模型库（例如Redux）导入到您的项目中，并在Redux Singleton Store中输入您的所有数据和方法？