Angular2在不同url上的新组件对象

Question

我有PageComponent哪些数据在不同的网址上更新（使用PageService）。它使用相同的PageComponent对象。我希望PageComponent成为新网址的新对象。

• 第一个问题：如何在不同的网址上创建新的PageComponent？
• 第二个问题：如果在不同的基础上制作新的组件，这是不错的方法 URL？

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

Answer 1

如果您使用的是角度2路由，则会有一个index.html页面，该组件将根据URL中的路径进行更改。

对于前。

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

当URL为/heroes时，它将加载HeroesComponent 在index.html页面中<router-outlet>，当网址为/details时，它会在HeroesDetailComponent处加载<router-outlet>。

有关详细信息，请参阅以下网址

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},
    ...
];