我对 有疑问第二个路由器 socket 当它在 中创建时延迟加载模块 .
我从这个示例开始,其中辅助路由 https://stackblitz.com/edit/angular-nested-auxiliary-routes-irixxy正常工作。
我的应用程序有点复杂,我使用延迟加载的模块。在新模块中,我想使用第二个路由器 socket 来动态显示组件。但是我发现当辅助路由被添加到另一个模块而不是 app 模块时,它们会出现问题。
为了检查问题是否出在我的应用程序的路由中,我创建了一个示例 https://stackblitz.com/edit/angular-nested-auxiliary-routes-bpuswu这类似于基本示例,但添加了配置路由(主要和次要)的延迟加载模块。问题是与辅助导出路径的链接不起作用,给出错误 Cannot match any routes. URL Segment: 'level-0'
.创建的无效链接类似于 [...]/level-0/(level-1//outlet1:aux-1)
.我的应用程序项目中也存在同样的问题。
任何人都有类似的问题并且知道如何解决它?我的日常有什么问题吗?还是路由器的BUG?
最佳答案
我认为您的链接不正确:
试试这个:
L1-A1 |
模板中还应该有一个主要的和辅助的: <router-outlet></router-outlet>
<router-outlet name="outlet1"></router-outlet>`
关于放置在延迟加载模块中时,Angular 10 辅助路由器 socket 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67482916/