路由器插座和共享组件

时间:2016-11-10 13:31:14

标签: angular nativescript angular2-nativescript

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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