繁体   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