不同 url 上的 Angular2 新组件对象

Question

我有 PageComponent 哪些数据在不同的 url 上更新（通过使用 PageService）。它使用相同的 PageComponent 对象。我希望 PageComponent 成为新 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

如果您正在使用 angular 2 路由，那么将会有一个 index.html 页面，组件将根据 URL 中的路径进行更改。

例如

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

当 URL 为 /heroes 时，它将加载 HeroesComponent index.html 页面中的 <router-outlet>，当 URL 为 /details 时，它将在 <router-outlet>.

的位置加载 HeroesDetailComponent

详情请看下文URL

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

Angular2 new component object on different url