각도 2 router.navigate

Question

경로 및 쿼리 매개 변수를 혼합하여 Angular 2로 경로를 탐색하려고합니다.

{ path: ':foo/:bar/:baz/page', component: AComponent } 

배열과 같이 사용하여 연결하려고 :

this.router.navigate(['foo-content', 'bar-contents', 'baz-content', 'page'], this.params.queryParams) 

내가 오류를받지 못했습니다 여기

는 경로가 경로의 마지막 부분 인 예 경로입니다 내가 이해할 수있는 것으로부터 이것은 효과가 있어야한다.

(순간) 각이 문서는 예를 들어 다음과 같은 한 : 내가 잘못거야 어디

{ path: 'hero/:id', component: HeroDetailComponent } 

['/hero', hero.id] // { 15 } 

사람이 볼 수 있을까요? 라우터 3에 있습니다.

Answer 1

첫 번째 세그먼트가 /으로 시작하지 않으면 상대 경로입니다.

this.router.navigate(['/foo-content', 'bar-contents', 'baz-content', 'page'], this.params.queryParams) 

또는 relativeTo

this.router.navigate(['../foo-content', 'bar-contents', 'baz-content', 'page'], {queryParams: this.params.queryParams, relativeTo: this.currentActivatedRoute}) 

도

• https://github.com/angular/angular.io/blob/c61d8195f3b63c3e03bf2a3c12ef2596796c741d/public/docs/_examples/router/ts/app/crisis-center/crisis-detail.component.1.ts#L108
,536 참조 통과 : router.navigate은 어느 쪽이든 당신은 절대 경로를 만들어 상대 탐색

에 대한 relativeTo 매개 변수를 필요

• https://github.com/angular/angular/issues/9476

Answer 2

import { ActivatedRoute } from '@angular/router'; 
 

 
export class ClassName { 
 
    
 
    private router = ActivatedRoute; 
 

 
    constructor(r: ActivatedRoute) { 
 
     this.router =r; 
 
    } 
 

 
onSuccess() { 
 
    this.router.navigate(['/user_invitation'], 
 
     {queryParams: {email: loginEmail, code: userCode}}); 
 
} 
 

 
} 
 

 

 
Get this values: 
 
--------------- 
 

 
ngOnInit() { 
 
    this.route 
 
     .queryParams 
 
     .subscribe(params => { 
 
      let code = params['code']; 
 
      let userEmail = params['email']; 
 
     }); 
 
}

참조 : - https://angular.io/docs/ts/latest/api/router/index/NavigationExtras-interface.html