在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
组件。