Question

我用nativescript-angular（8.20.4）开始了一个新项目。我面临有关使用模块延迟加载的问题。我设法只使用延迟加载显示了第一页（登录）。将显示底部导航栏，但不会加载或显示其中的页面。

app-routing.module.ts

const routes: Routes = [
    { path: "", redirectTo: "/login", pathMatch: "full" },
    //{ path: "", redirectTo: "/bottomnav", pathMatch: "full" },

    //{ path: "login", component: LoginComponent},
    { path: "login", loadChildren: () => import('./modules/login/login.module').then(m => m.LoginModule)},

    { path: "bottomnav", loadChildren: () => import('./modules/bottomnav/bottomnav.module').then(m => m.BottomnavModule)},
];

@NgModule({
    imports: [NativeScriptRouterModule.forRoot(routes, { enableTracing: true })],
    exports: [NativeScriptRouterModule]
})

我可能忘记了声明或其他内容，但我无法弄清楚。

该示例项目位于github上：https://github.com/npmnewbie/ns-bottomnav-withlogin/

bottomnav-routing.module.ts

const routes: Routes = [
  { path: "", redirectTo: "bottomnav", pathMatch: "full" },

  { path: "bottomnav", redirectTo: "/(browse:browse//search:search)", pathMatch: "full" },

  { 
    path: "browse", 
    component: NSEmptyOutletComponent, 
    outlet: "browse", loadChildren: () => import('../browse/browse.module').then(m => m.BrowseModule)
  },

  { 
    path: "search", 
    component: NSEmptyOutletComponent, 
    outlet: "search" , loadChildren: () => import('../search/search.module').then(m => m.SearchModule)
  },

];

@NgModule({
  imports: [NativeScriptRouterModule.forChild([{path: "", component: BottomnavComponent, children: routes}]),],
  exports: [NativeScriptRouterModule]
})
export class BottomnavRoutingModule { }

bottomnav.module.ts

@NgModule({

  declarations: [BottomnavComponent],
  imports: [
    BottomnavRoutingModule,
    NativeScriptCommonModule,
  ],
  exports: [NativeScriptRouterModule],
  schemas: [NO_ERRORS_SCHEMA]
})
export class BottomnavModule { }

在此先感谢您的帮助。

Image Login page

Image Tab nav bar empty page

编辑：我的项目基于playground based project

Nativescript延迟加载在底部导航中不起作用

0 个答案: