如何通过浏览器中的直接 url 路径访问在嵌套模块下创建的组件

Question

如何通过浏览器中的直接 url 路径访问在嵌套模块下创建的组件。

app module
    -- device module
        -- module-building module
            -- BuildingComponent

'module-building' 模块在 device 模块下创建，而 device 模块又在 app 模块下。

我想在浏览器中直接通过url访问'module-building'模块的BuildingComponent

在设备中-routing.module.ts我已经这样做了，

{
     path: 'building', loadChildren: () => import(`./module-building/module-building.module`).then(m => m.ModuleBuildingModule)
}

在模块构建中-routing.module.ts我已经做到了

{
    path: 'building3', component: BuildingComponent
}

当我尝试使用以下 url 访问 BuildingComponent 时，它没有加载。

http://localhost:4200/building/building3

我错过了什么？我是 Angular.

的新手

Answer 1

请确保您在 ModuleBuildingModule 中导入了 ModuleBuildingRouting。 （文件：模块-building.module.ts）

 @NgModule({
  declarations: [BuildingComponent],
  imports: [
    CommonModule,
    ModuleBuildingRouting, //<-- here   
  ]
})
export class ModuleBuildingModule { }