Перемещение между дочерними маршрутами Угловое 2

Question

Я не могу перемещаться между дочерними маршрутами. Обзор

Маршрутизатор:

path: 'parent', component: parentComponent, 
     children: [ 
      { path: '', redirectTo: 'child1', pathMatch: 'full' }, 
      { path: 'child1', component: child1Component }, 
      { path: 'child2', component: child2Component }, 
      { path: 'new/:type', component: child3Component }, 

      { path: '**', component: PageNotFoundComponent } 
     ] 

я нахожусь в компоненте child1 пытается перейти к новому/маршрута типа как так:

this._router.navigate(['new', objType], { relativeTo: this._route }); 

Но я продолжаю получать ошибки: не удается соответствовать любым маршрутам , Сегмент URL: «новый/актив».

Если я вручную вставляю URL-адрес, он отлично работает.

Помощь была бы принята с благодарностью, спасибо!

Answer 1

Вы можете использовать ../

this._router.navigate(['../new', objType], { relativeTo: this._route }); 

Answer 2

При использовании relativeTo, а затем попытаться перейти, вы должны поставить на пути относительной, а не только в целом один с точки зрения родителей. В вашем примере это должно быть больше как:

this._router.navigate([ '../', objType ], { relativeTo: this._route }); 

Answer 3

this.router.navigate(['../../new'], { relativeTo: this._route }) 

Или

this.router.navigate(['/parent/new']) 

Или якорным тэгом:

<a [routerLink]=" ['../../new'] "> 
     Go to new 
</a> 

Или:

<a [routerLink]=" ['/parent/new'] "> 
     Go to new 
</a>