角路由器出口名称不适用于延迟加载

时间:2018-08-19 22:45:57

标签: angular angular5 angular2-routing angular6 angular-router

我正在尝试使用辅助路由复制延迟负载,但是这些不起作用

项目链接是这个。

https://stackblitz.com/edit/angular-gpxnaf

当我要输入个人版块或用户版块时,路由会更改,但没有显示任何内容,我使用了proxycomponent,因为我已经在另一个私有项目中实现了这种类型的功能,但是现在我不能它可以正常工作,修复了编辑器的示例。这与我在另一个专用存储库中的相同。

我不知道我在失败什么,如果您能对我的失败再说一遍,我将不胜感激。 PD:只有底部的按钮起作用。

  

当我按下按钮时,路由正确重定向,模数   UserModule和PersonalModule也加载但不显示我   任何东西。

enter image description here

1 个答案:

答案 0 :(得分:0)

我们首先需要知道的是,如果我们使用延迟加载功能模块,则不需要在加载有angular应用程序的第一个路由文件中指定组件,因为它是惰性的,如果我调用一个事件,则该组件已加载。所以我们需要删除这一行

component: ProxyComponent,

现在,我们需要查看“个人模块”的路由文件,这里有很多问题。因此,角形布线是一个常数而不是一个类

export class PersonalRoutingModule { }

在这里,我们需要使用此代码在此文件和我们的个人模块之间建立关系

export const PersonalRoutingModule: ModuleWithProviders = RouterModule.forChild(routes);

我们在该文件中找不到@NgModule的装饰器。我们需要删除所有这些行

@NgModule({
  imports: [RouterModule.forChild(routes)],
  declarations: [
    ],
  exports: [RouterModule],
})
相关问题