首页 文章

Angular - 如何导航到.ts文件中的命名路由器插座

提问于
浏览 次
1

我有一个侧面导航和侧导航我已命名路由器插座 . 我试图将“旁边”命名的路由器插座分配给名为“top-words-aside”的子组件 . 但是，它无法找到网址段 .

reports.component.html

<mat-sidenav #rightsidenav position="end" fixedInViewport="fixed">
    <router-outlet name="aside"></router-outlet>
</mat-sidenav>

reports.routing.module.ts

const routes: Routes = [
    {
        path: '',
        component: ReportsComponent
    },
    {
        path: ':id',
        component: ReportDetailComponent,
        resolve: {
            job: JobResolver,
            report: ReportResolver,
            activity: ActivityResolver,
        },
        children: [
            {path: 'top-words-aside', component: TopWordsAsideComponent, outlet: 'aside'},
        ]
    }
];

reports.component.ts

open() {
    this.rightSideNavService.open();
    this.router.navigate([{ outlets: { aside: ['top-words-aside'] }}]);
}

但是我得到以下错误 .

ERROR错误：未捕获（在承诺中）：错误：无法匹配任何路由 . 网址段：'top-words-aside'错误：无法匹配任何路由 . 网址细分：'top-words-aside'

angular

1 回答

  • 0

    你在模块中导入路由器？

    你可以定义

    私人路线：ActivatedRoute

    在构造函数中 .

    在开放功能

    this.router.navigate（[{outlets：{aside：['top-words-aside']}}]，{relativeTo：this.route}）;

    回复于

相关问题