我有一个延迟加载的模块,其中包括命名的路由出口(辅助路径).我无法将内容定向到此路由.路径匹配,我可以在URL中看到它,但内容没有显示.

以下是一个代码示例: Stackblitz

==参考==

代码已修复.

用途:

  1. 点击"Load SubbMODULE"链接
  2. 子模块加载
  3. 点击"SUBMOD已加载"标题上方的任何行.

推荐答案

当您在组件中使用router-outlet 时,需要将子路由声明为父路由的子路由.

这是您的Submod路径应该是什么样子

{
  path: '',
  component: SubmodComponent,
  children: [
    { path: 'toloadin', outlet: 'suboutlet', component: ToLoadinComponent },
  ],
}

Angular相关问答推荐

angular 17:app.config. server.ts中的mergeApplicationconfig导致初始化在app.config. ts中导入的提供程序

当try 使用Angular和PrimeNg手动聚焦输入时,我做错了什么?

如何在Angular 17中使用Angular—calendum?

添加@ nx/webpack插件 destruct 了Nativescript构建

有没有一种方法用timeout()操作符创建计数器,用于超时一个观察对象?

在Angular 应用中混合使用较少和较粗俗的文件

如何防止打印后的空格后的HTML元素的Angular ?

Angular NG5002错误无效的ICU消息和意外字符EOF

当快速拖动光标时会丢失元素 - Angular

如何让 ag-Grid 事件读取私有方法?

MAT折叠面板的动态开启和关闭无法工作

Angular 15 Ref 错误:初始化前无法访问组件 A

Angular APP_INITIALIZER 中的 MSAL 身份验证

http 调用的 RxJs 数组

使用 rxjs 处理刷新令牌

实现自定义 NgbDateParserFormatter 来更改 NgbInputDatepicker 上输入值的格式是否正确?

Angular 2 中的 $implicit 是什么?

MatToolbar 与 Angular 9 一起使用时抛出错误

测试一个包含 setTimeout() 的函数

Angular2 - 从外部验证和提交表单