Nativescript 5：如何完全从根标签组件导航并转到另一个？答案

【问题标题】：Nativescript 5 : how to navigate from a root tab component totally and goes to an other one?Nativescript 5：如何完全从根标签组件导航并转到另一个？
【发布时间】：2018-11-17 15:05:32
【问题描述】：

我有一个这样的项目：具有这种结构的项目：

-app.component.ts (root tab)
---home.module
--------home tab (outlet)
--------categories tab (outlet)
--------etc.. (outlet)
---login.module(lazy loaded)
---ex.module (lazy loaded)

这是我的应用路由模块：

const routes: Routes = [
  { path: "", redirectTo: "/home/(homeTab:home//categoriesTab:categories//infoTab:info//locationsTab:locations//accountTab:account)", pathMatch: "full" },
  { path: "home", loadChildren: "./app/home/home.module#HomeModule" },
  { path: "login", loadChildren: "./app/login/login.module#LoginModule" },
  { path: "ex", loadChildren: "./app/ex/ex.module#ExModule" }
]

现在我想完全离开选项卡视图并转到登录模块，该模块从“主选项卡（出口）”获得其欧文（非选项卡）视图我尝试使用带有相对于activatedRoute.root 的参数的routerExtension 进行导航，但它不起作用。

这里是问题的一个例子：https://play.nativescript.org/?template=play-ng&id=IyP222&v=11

【问题讨论】：

您可以直接导航到登录，它不需要是相对的。如果您仍然遇到问题，您可以使用 Playground 重新创建场景吗？
@Manoj 我用游乐场链接更新了我的问题。

标签： angular nativescript nativescript-angular

【解决方案1】：

看起来给定的场景仍有问题需要使用最新版本的 nativescript-angular (v6.2.0) 来解决。参考Github Issue，团队使用最新的@next 版本提供了工作示例。

【讨论】：