Question

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

-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" }
]

现在我要完全离开选项卡视图并转到登录模块，该菜单模块具有“主页选项卡（出口）”的所有视图（非选项卡）我试图使用routerExtension相对于ActivatedRoute.root的参数进行导航，但是它不起作用。

以下是该问题的一个示例：https://play.nativescript.org/?template=play-ng&id=IyP222&v=11

Answer 1

给定方案看起来仍然存在要用最新版本的nativescript-angular（v6.2.0）解决的问题。请参考Github Issue，该团队已使用最新的@next版本提供了工作示例。

Nativescript 5：如何完全从根选项卡组件导航并转到另一个组件？

1 个答案: