路由器插座和共享组件

Question

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

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

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

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

Answer 1

根据对NativeScript的github的讨论，这表现得应该如此。

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

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