Angular2 новый компонентный объект на другом url

Question

У меня есть PageComponent, какие данные обновляются на другом url (с помощью PageService). Он использует тот же объект PageComponent. Я хочу, чтобы PageComponent был новым объектом на новом URL-адресе.

• первый Q: Как создать новый PageComponent на другом URL?
• 2-й 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.

Для примера.

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

Она будет загружать HeroesComponent когда URL будет /heroes на месте <router-outlet> в index.html странице и когда URL будет /details тогда она будет загружать HeroesDetailComponent на месте <router-outlet>.

Для деталей, вы можете прочитать ниже URL

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