ленивый загруженный компонент не загружается показывает пустую страницу - PullRequest
Новая
       23

ленивый загруженный компонент не загружается показывает пустую страницу

0 голосов
/ 21 сентября 2018

Я хочу загрузить модуль Lazyloaded по пути / инвентарь , он показывает путь в браузере, но не загружает компонент, и показывает пустую страницу

screenshot1

код app.routes 

    {
          path: "inventory",
          pathMatch:"full",
          data: {
            Permission: {
              Only: ['ROLE_CREATE_DEVICE', 'ROLE_UPDATE_DEVICE', 'ROLE_VIEW_DEVICE'],
              RedirectTo: 'login'
            } as IPermissionGuardModel
          }

,
      loadChildren: './pages/inventory/inventory.module#InventoryModule',
      }

InventoryModule

этот инвентарь Модуль 

  import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { RouterModule } from '@angular/router';
    import { Ng2Permission } from 'angular2-permission';
    import { FormsModule, ReactiveFormsModule } from '@angular/forms';
    import { NgxDatatableModule } from '@swimlane/ngx-datatable';
    import { MatSlideToggleModule, MatButtonModule, MatTooltipModule, MAT_PLACEHOLDER_GLOBAL_OPTIONS, MatCheckboxModule, MatRadioModule, MatAutocompleteModule, MatInputModule, MatSidenavModule, MatSelectModule, MatDialogModule, MatStepperModule } from '@angular/material';
    import { ColorPickerModule } from 'ngx-color-picker';
    import { TreeModule } from 'angular-tree-component';
    import { TreeviewModule } from '../../common/ngx-treeview-dropdown';
    import { AllocateBeaconComponent } from './allocate-beacon/allocate-beacon.component';
    import { AllocateDeviceComponent } from './allocate-device/allocate-device.component';
    import { routes, InventoryRouter } from './inventory.routing';
    import { ChangeDeviceStatusPopupComponent } from './change-device-status-popup/change-device-status-popup.component';
    import { DeviceInventoryComponent } from './device-inventory/device-inventory.component';
    import { DeviceInventoryPopupComponent } from './device-inventory-popup/device-inventory-popup.component';
    import { DeviceInventorySidebarComponent } from './device-inventory-sidebar/device-inventory-sidebar.component';
    import { Common_Module } from '../../common/common-module';


    @NgModule({
        imports: [
            CommonModule,
            Ng2Permission,
            Common_Module,
            FormsModule,
            ReactiveFormsModule,
            NgxDatatableModule,
            MatButtonModule, MatCheckboxModule, MatRadioModule, MatAutocompleteModule, MatInputModule,
            MatDialogModule, MatSidenavModule, MatSelectModule, MatDialogModule, MatStepperModule, MatTooltipModule, MatSlideToggleModule,
            ColorPickerModule,
            TreeModule,
            TreeviewModule.forRoot(),
            InventoryRouter,
            RouterModule.forChild(routes),
        ],
        declarations: [
            AllocateBeaconComponent,
            AllocateDeviceComponent,
            ChangeDeviceStatusPopupComponent,
            DeviceInventoryComponent,
            DeviceInventoryPopupComponent,
            DeviceInventorySidebarComponent
        ]
    })
    export class InventoryModule { }

инвентаризация маршрутизации 

export const routes: Routes = [
  {
    path: "",
    redirectTo:'device',
    component:DeviceInventorySidebarComponent,
    pathMatch:'full',
  }, {
    path: "device",
    canActivate: [AuthGuard, PermissionGuard],
    component: DeviceInventoryComponent,
    data: {
      Permission: {
        Only: ['ROLE_CREATE_DEVICE', 'ROLE_UPDATE_DEVICE', 'ROLE_VIEW_DEVICE'],
        RedirectTo: 'login'
      } as IPermissionGuardModel
    },
    children: []
  }]

Как показано в приведенном выше коде и добавленном изображении, инвентарь Lazy загружает его, перенаправляет путь, но не загружая компонент, он показывает пустую страницу

...