Angular2不同URL上的新组件对象

Question

i具有PageComponent在不同的URL上续订哪个数据（使用PageService）。它使用相同的PageComponent对象。我希望PageComponent是新URL上的新对象。

• 1st Q ：如何在不同的URL上创建新的PageComponent？
• 第二Q ：如果在不同的不同组件上制作了新组件，这是好方法吗url？

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

Answer 1

如果您使用的是Angular 2路由，则将有一个index.html页面，并且组件将根据URL中的路径而更改。

for ex。

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

当URL为 /heroes时，它将加载英雄。 <router-outlet>在index.html页面中，何时url为 /details，则它将在<router-outlet>的位置加载HeroesDetailComponent。

有关详细信息，您可以在下面阅读URL

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

Answer 2

您可以将相同的PageComponent用于路由的页面。如果您需要此页面上的其他路由，则可以将<router-outlet/>放在页面模板上并提供其他组件。

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