路由器插座和共享组件

Question

我正在使用angular-nativescript，并希望包括在每个网站上的一些组件。我可以在我的app.component中使用下面的代码来实现这一点。

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

这不起作用(正如文档中提到的)。以同样的方式使用router-outlet也可以，但我不能返回。我该如何解决这个问题？我尝试了一个组件中的路由器插座和子路由，但我得到的结果好坏参半。

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

Answer 1

根据NativeScript的github上的讨论，它的行为是应该的。

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

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