Angular2 - 별도의 경로 세그먼트

Question

나는 아래 경로가 같은 경로 구분 기호를보고 각 라우터를하지 마십시오

path: 'Foo/:Address'

Address 매개 변수는 다음과 같이 문자열을 포함 할 수 있습니다

boo/bar/a 또는를 boo/b

그러나 내 코드가 위 주소 중 하나에 라우팅되면 일치하는 경로가 없다는 예외가 발생합니다. foo, bar 및 a은 다른 경로 세그먼트가되므로 예외가 발생한다고 생각합니다. 세그먼트의 수가 무작위이고 url은 문자열 교체없이 그대로 있어야하므로 경로에서 단일 매개 변수가 필요합니다.

foo이 단일 매개 변수 인 후에 각도를 알 수있는 방법이 있습니까?

나는 버전 이하로 사용하고 있습니다 :

{ 
    path: 'address', children: [ 
     { path: '**', component: YourComponent } 
    ] 
} 

를 다음 : :이처럼 경로를 구성하는 경우

"@angular/core": "2.0.0-rc.4"

"@angular/router": "3.0.0-beta.1"

Answer 1

당신은이 작업을 수행 할 수

옵션 1 : 사용하여 구성 요소의 개별 부품을 가져 오기 :

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

constructor(private route: ActivatedRoute) { 
    let addr = ''; 
    for (var i = 0; i < route.snapshot.url.length; i++) 
     addr += (addr !== '' ? '/' : '') + route.snapshot.url[i]; 

    console.log('full address', addr); 
} 

옵션 2 : 구성 요소에 잡아 (NavigationEnd 후) 라우터에서 URL 사용 : 같은

import { Router, NavigationEnd } from '@angular/router'; 
... 
constructor(private router: Router) { 
    this.router.events.subscribe(x => { 
     if (x instanceof NavigationEnd) { 
      console.log(this.router.url); 
     } 
    }); 
}