Nativescript Ленивая загрузка не работает внутри нижней навигации - PullRequest
Новая
       27

Nativescript Ленивая загрузка не работает внутри нижней навигации

0 голосов
/ 31 января 2020

Я начал новый проект с 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 { }

Заранее благодарим за помощь.

Страница входа в систему

Панель навигации по изображениям пустая страница

Редактировать: мой проект основан на игровая площадка проект на основе

...