有许多类似的问题,我已经全部阅读过了。但是,我仍然无法使其正常工作。
主路由器工作正常:
{ route: [''], name: 'defaultRoute', moduleId: 'pages/entity/entity-router' }
儿童路由器:
configureRouter(config: RouterConfiguration, router: Router) {
config.map([
{ route: [''], name: 'home', moduleId: 'pages/entity/home' },
{ route: ['entityDetails/:id'], name: 'entityDetails', moduleId: 'pages/entity/entity-details' }
]);
this.router = router;
}
主页显示正常,并显示用户随后点击的列表。我希望列表保持不变,并通过导航更新详细信息部分。
难点在于使用href:
导航到entityDetails页面<a route-href="route: entityDetails; params.bind: { id: item.id }">${item.name}</a>
创建的链接如下所示:/entityDetails/8
如果我在地址栏中输入的链接有效:“#/ home / entityDetails / 8”
因此它在主路由器上查找此路由,但找不到它。
作为测试,我将路由放在主路由器上,然后找到它。
如何在子路由器上找到路由?