嵌套嵌套路由未调用组件

问题描述 投票:0回答:1

我有一条想工作的嵌套路线。当我尝试像这样导航到嵌套路线时:

this.router.navigateByUrl('/project/' + this.project._id + '/shot/' + row._id);

它会更改浏览器中的路由,使其看起来像它应该的样子。例如:

http://localhost:4200/project/5cdc30c20d86931b180de39b/shot/5cdc31170d86931b180de3b2

但是,ShotComponent从未实例化!

app.routes.ts看起来像这样。

{ 
  path: 'project',
  children: [
  {
    path: '',
    component: ProjectListComponent
  },
  {
    path: ':_id',
    component: ProjectComponent,
    children: [
    {
      path: 'shot/:_id',
      component: ShotComponent
    }]
  }]
}

如果我将射击路线设为非嵌套路线,则组件将正确实例化。我想我这里有问题。有任何想法吗?在控制台或角度cli中不会产生任何错误。

我有一条想工作的嵌套路线。当我尝试像这样导航到嵌套路线时:this.router.navigateByUrl('/ project /'+ this.project._id +'/ shot /'+ row._id);它...

angular angular-router
1个回答
0
投票

尝试在拍摄ID中添加其他名称

© www.soinside.com 2019 - 2024. All rights reserved.