如何在angular 4中路由

在Angular 4中，路由是一种用于导航和管理不同组件之间的页面切换的机制。下面是如何在Angular 4中使用路由的步骤：

首先，确保已经安装了Angular CLI，并创建了一个新的Angular项目。
在项目的根目录下，打开命令行工具，并运行以下命令来生成一个新的组件：ng generate component <component-name>
打开app.module.ts文件，并导入RouterModule和Routes：import { RouterModule, Routes } from '@angular/router';
在app.module.ts文件中，定义一个路由数组，其中包含每个路由的路径和对应的组件：const routes: Routes = [ { path: '', redirectTo: '/home', pathMatch: 'full' }, { path: 'home', component: HomeComponent }, { path: 'about', component: AboutComponent }, { path: 'contact', component: ContactComponent }, ];
在app.module.ts文件中，使用RouterModule.forRoot()方法来配置路由器，并将路由数组传递给它：@NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] })
在组件的模板文件中，使用routerLink指令来创建导航链接：<a routerLink="/home">Home</a> <a routerLink="/about">About</a> <a routerLink="/contact">Contact</a>
在组件的模板文件中，使用router-outlet指令来显示当前路由对应的组件：<router-outlet></router-outlet>
最后，在命令行工具中运行以下命令来启动应用程序：ng serve