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

Question

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

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

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

Answer 1

唯一的方法是使用或。

路由器添加的

组件将作为同级组件添加到

中，而不会替换它

Answer 2

您想要实现的是在通过路由器传输时将数据从组件预取到另一个组件。我强烈建议使用解析器加载数据，如here所解释的那样。

这将允许您不仅通过路由器传递数据，而且将等待第二个组件/页面，直到数据被获取，这样您就不会在“我的网站已加载但没有数据显示”的情况下运行;)如果您需要实现的进一步帮助，请随时对此进行评论并在您的问题中分享一些代码。