我有PageComponent
哪些数据在不同的网址上更新(使用PageService
)。它使用相同的PageComponent
对象。我希望PageComponent
成为新网址的新对象。
PageComponent
? const routes: Routes = [
{path: ':uri', component: PageComponent}
];
答案 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},
...
];