路由器插座和共享组件

Question

我正在使用 angular-nativescript 并希望在每个站点上都包含一些组件。 我能够在我的 app.component 中使用下面的代码来实现这一点。

<page-router-outlet></page-router-outlet><my-component></my-component>

这不起作用（如文档中所述）。以同样的方式使用路由器插座，但我无法返回。我该如何解决这个问题？我在组件和子路由中使用了路由器插座，但结果好坏参半。

当我只是手动将组件放在每个页面上时，它们被创建为新实例，并且大量代码被浪费地执行（我从服务器中提取数据并在我的组件中填充数组）

Answer 1

根据关于 NativeScript 的 github 的讨论，这是应该的。

page-router-outlet 导航到一个新页面（就像本机应用程序应该做的那样）并且 my-component 不存在在那里。 router-outlet 不会在任何地方导航，只是交换它的内容，然后返回按钮尝试导航到上一页。由于没有，应用程序关闭。

解决方法是在每个页面上手动添加组件。