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

时间:2016-11-23 13:21:41

标签: angular angular2-routing angular2-components

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

  • 第一个问题:如何在不同的网址上创建新的PageComponent
  • 第二个问题:如果在不同的基础上制作新的组件,这是不错的方法 URL?
const routes: Routes = [
    {path: ':uri', component: PageComponent}
];

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

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

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