繁体   English   中英

Angular2在两个子组件之间传递数据

[英]Angular2 passing data between two child components

我有一个包含两个子组件的组件。 我使用带路由器插座的路由器显示其中一个。

我想在第一个孩子中插入表单数据,并在提交表单时路由到的另一个孩子中使用它。

我怀疑我需要使用@input或@output但是在使用路由器插座时我找不到任何关于如何操作的文档。

我目前的另一个解决方案是在第一个孩子中提交表单并在第二个孩子中调用表单时将数据保存在localstorage中。 看起来不太理想。

您可以通过服务传递数据。 如果您创建服务并在子A中设置数据,则可以从子B中检索它。唯一的问题是您需要将您创建的服务设置为父类的提供者,而不是子组件。

以下是通过路径参数传递Angular 2传递对象的示例

您可以使用@ ngrx / store来存储数据,然后将这些数据注入到路径组件中。 请参阅那里的示例以进行实施。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM