Angular2路由器3.0 beta 1(通过路由连接的儿童路由失败)
Angular2路由器3.0 beta 1(通过路由连接的儿童路由失败)
提问于 2016-07-21 06:50:11
对于新的路由器示例，我从Angular.io获取了一个路由示例。
我试着理解，然后对子路由进行了很少的更改。
1)在本例中，它们通过this.router.navigate(['/crisis-center', crisis.id]);方法从危机列表项导航到危机细节。
我希望使用路由器链接，而不是在每个列表项目上单击事件(如下面所示)，在crisis.list.component中所做的更改
[routerLink]="./crisis-center/" + crisis.id 我还用叉子叉了一下柱塞，并做了一些修改。但现在危机中心名单没有加载。在这里更换柱塞
有谁能指出出什么问题了吗？子路由在新路由器或路由链路的使用中不工作，这里是错误的吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-07-21 07:03:13
CrisisListComponent是CrisisAdminComponent的子路由，与CrisisDetailComponent相同
export const crisisCenterRoutes: RouterConfig = [
{
path: 'crisis-center',
component: CrisisCenterComponent,
children: [
{
path: 'admin',
component: CrisisAdminComponent,
canActivate: [AuthGuard]
},
{
path: ':id',
component: CrisisDetailComponent,
canDeactivate: [CanDeactivateGuard]
},
{
path: '',
component: CrisisListComponent
}
]
}
];如果您想导航到同级路由，则需要相对于父路由或根调用它。
其中一个到达了路线
[routerLink]=["../crisis-center", crisis.id]
[routerLink]=["/crisis-center", crisis.id]
[routerLink]=["../crisis-center/" + crisis.id]
[routerLink]=["/crisis-center/" + crisis.id]页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38496933
复制相关文章
相似问题
腾讯云开发者
