簡體   English   中英

延遲加載的組件未渲染Angular 4

[英]Lazy Loaded component is not rendering Angular 4

我已經實現了角度為4的延遲加載模塊,並且能夠成功創建卡盤,但是當我嘗試渲染該延遲加載的模塊時,我就成功了卡盤,因為在網絡中可以看到,圖像如下所示,但是組件無法呈現,並且是最壞的情況是角度不會引發任何錯誤。

如果我缺少某些東西,請幫助我。

應用程序路由

const routes: Routes = [
  { path: 'career-info', loadChildren: 'app/components/career-info/career-info.module#CareerInfoModule', data: { pageName: 'career-info', screenName: 'experience level', screenCategory: 'choose template', title: 'Career Info - My Perfect Cover Letter', isRegisteredUser: true } },
  { path: 'how-it-works', component: HowItWorksComponent, data: { pageName: 'how-it-works', screenName: 'how it works', screenCategory: 'choose template', title: 'How It Works - My Perfect Cover Letter' } },
  { path: '**', loadChildren: 'app/components/career-info/career-info.module#CareerInfoModule' } // TODO: give here 404 component
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})

export class AppRoutingModule { }
export const RoutingComponents = [HowItWorksComponent] 

在此處輸入圖片說明

網絡 在此處輸入圖片說明

使用RouterModule.forChild(routes)這將起作用。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM