Điều hướng giữa các tuyến đường trẻ em Góc 2

Question

Tôi dường như không thể điều hướng giữa các tuyến đường dành cho trẻ em. tổng quan

Router:

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 } 
     ] 

tôi trong thành phần child1 cố gắng để di chuyển đến các loại đường/mới như vậy:

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

Nhưng tôi cứ bị Lỗi: Không thể phù hợp với bất kỳ tuyến đường . Phân đoạn URL: 'mới/nội dung'.

Nếu tôi chèn url theo cách thủ công, nó hoạt động tốt.

Trợ giúp sẽ được đánh giá cao, cảm ơn!

Answer 1

Bạn có thể sử dụng ../

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

Answer 2

Khi bạn sử dụng relativeTo và sau đó cố gắng để di chuyển, bạn nên đặt trong đường dẫn tương đối , không chỉ toàn bộ một từ cha mẹ quan điểm. Trong ví dụ của bạn nó nên được như thế hơn:

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

Answer 3

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

Hoặc

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

Hoặc với thẻ neo:

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

Hoặc:

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