在Angular中,如果想要在路由器中使用相同的组件,可以使用路由器的component属性来指定组件。以下是一个示例:
app.module.ts文件中引入RouterModule和Routes模块,并在imports数组中添加RouterModule.forRoot(routes)。import { RouterModule, Routes } from '@angular/router';
Routes数组来定义路由配置。在数组中可以定义多个路由对象,每个对象包含path和component属性。const routes: Routes = [
{ path: 'component1', component: Component1 },
{ path: 'component2', component: Component2 },
{ path: 'component3', component: Component1 },
];
标签来显示路由器加载的组件。
routerLink指令来导航到其他组件。Component 1
Component 2
Component 3
app.component.html文件中添加导航链接。Component 1 |
Component 2 |
Component 3
这样,当导航到/component1或/component3时,都会加载Component1组件。