Angular2 새로운 구성 요소 객체가 다른 URL에 있습니다.

Question

PageComponent 데이터가 다른 URL에서 갱신됩니다 (PageService을 사용). 동일한 PageComponent 개체를 사용합니다. 나는 PageComponent이 새로운 URL에 새로운 객체가되기를 원한다.

• 1 Q : 어떻게 다른 URL에 새로운 PageComponent을 만들려면?
• 두 번째 Q : 새로운 구성 요소가 다른 URL에서 만들어진다면 좋은 접근 방법입니까?

const routes: Routes = [ 
    {path: ':uri', component: PageComponent} 
]; 

Answer 1

당신은 라우팅 페이지에 대해 같은 PageComponent를 사용할 수 있습니다. 이 페이지에서 다른 라우팅이 필요한 경우 <router-outlet/>을 페이지 템플리트에두고 다른 구성 요소를 제공 할 수 있습니다.

const routes: Routes = [ 
    {path: ':uri1', component: Component1}, 
    {path: ':uri2', component: Component2}, 
    ... 
]; 

Answer 2

각도 2 라우팅을 사용하는 경우 index.html 페이지가 있으며 구성 요소는 URL의 경로에 따라 변경됩니다.

예 : URL이 된 index.html 페이지에서 <router-outlet>의 장소에서 /heroes 될 것입니다 및 URL이 /details을 할 때 다음이 <router-outlet>의 장소에서 HeroesDetailComponent를로드 할 때

RouterModule.forRoot([ 
    { path: 'heroes', component: HeroesComponent}, 
    { path: 'details', component: HeroesDetailComponent} 
]) 

그것은 HeroesComponent로드됩니다.

세부를 들어,

https://angular.io/docs/ts/latest/tutorial/toh-pt5.html