use*_*048 5 angular-routing router-outlet angular angular-router angular-auxiliary-routes
在延迟加载模块中创建第二个路由器插座时,我遇到了问题。
我从这个例子开始,其中辅助路由https://stackblitz.com/edit/angular-nested-auxiliary-routes-irixxy正常工作。
我的应用程序有点复杂,我使用延迟加载模块。在新模块中,我想使用第二个路由器插座来动态显示组件。但是我发现当辅助路由被添加到应用模块之外的另一个模块时存在问题。
为了检查问题是否出在我的应用程序的路由中,我创建了一个示例https://stackblitz.com/edit/angular-nested-auxiliary-routes-bpuswu,它类似于基本示例,但添加了延迟加载模块,其中路由(主要和次要)已配置。问题是与辅助出口路径的链接无法正常工作,从而导致错误Cannot match any routes. URL Segment: 'level-0'。创建的无效链接就像[...]/level-0/(level-1//outlet1:aux-1). 同样的问题出现在我的应用程序项目中。
任何人都有类似的问题并知道如何解决它?我的日常有什么问题吗?还是路由器有问题?
我认为您的链接不正确:
试试这个: <a [routerLink]="['/level-0/level-1', { Outlet: { Outlet1: 'aux-1' } }]">L1-A1 |
模板中还应该有主要和辅助:
<router-outlet></router-outlet>
<router-outlet name="outlet1"></router-outlet>`
Run Code Online (Sandbox Code Playgroud)