Question

我有一个带有侧导航栏的应用程序，侧面导航栏的内容使用命名的路由器插座“旁边”填充。

有一个与旁边导航关联的列表组件。该组件包含项目列表。用户可以单击列表以转到详细版本。详细版本应替换同一命名路由器插座中的列表组件。

routing.ts

declare @T table (NR int, Description varchar(10), FK int);
insert into @T values   
       (0, 'Text1', 0)  
     , (0, 'Text2', 1) 
     , (1, 'Text3', 0);
select t1.NR, t1.Description, t1.FK
from @T t1 
union 
select t1.NR, t1.Description, 1
from @T t1 
left join @T t2 
  on t2.NR = t1.NR 
 and t1.FK = 0 
 and t2.fk = 1 
where t2.NR is null;

我在这里试图打开详细版本

热门字休耕-component.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' },
            { path: 'top-words-detail-aside', component: TopWordsDetailAsideComponent, outlet: 'aside' },
        ]
    }
];

错误：

错误错误：未捕获（在承诺中）：错误：无法匹配任何路由。网址细分：'reports / 5a85d1cbcff47e0001e34640'错误：无法匹配任何路线。网址细分：'reports / 5a85d1cbcff47e0001e34640'

Angular - 如何从同一个命名的路由器出口导航到不同的组件

0 个答案: