如何在<router-outlet> </router-outlet>中使用@Input

Question

我是角色4的新手。我发现有一种方法可以使用@Input将数据从父组件传递到子组件，如下所示：

<child [dataToPass]="test"></child>

我的问题是如何使用路由器做同样的事情。在路由器中，没有像<child></child>这样的子定义;它只有<router-outlet></router-outlet>，那么如何使用@Input传递数据？

Answer 1

您希望实现的是在通过路由器传输时从组件预取数据到另一个。 我强烈建议使用解析器加载数据here。

这样您不仅可以通过路由器传递数据，而且第二个组件/页面也会等到数据被提取，因此您不会在我的网站被加载的情况下运行但是没有数据显示＆＃34; ;）如果您需要有关实施的进一步帮助，请随时对此进行评论并在您的问题中分享一些代码。

Answer 2

唯一的方法是使用shared service或使用Ngrx。

  

路由器添加的组件作为兄弟添加    并且不会替换它