Angular 是一个流行的前端框架，它允许开发者构建动态的单页面应用程序。路由是Angular应用程序中一个重要的功能，它允许用户在不同的视图之间导航，而无需重新加载页面。本教程将指导如何使用Angular CLI v9设置Angular 9项目中的路由。
在开始之前，需要安装Angular CLI的最新版本。Angular CLI是一个命令行工具，它提供了创建和管理Angular应用程序的命令。
打开一个新的命令行界面，并运行以下命令来安装Angular CLI v9：
$ npm install -g @angular/cli@next
这将安装Angular CLI的最新版本。请注意，本教程在编写时，Angular CLI的版本为9.0.0-rc.2。
接下来，将使用Angular CLI来创建一个新的示例项目。返回到终端，并运行以下命令：
$ cd ~
$ ng new angular-example-with-routing
将被询问几个问题：
这将在项目中设置路由，并将CSS设置为组件的样式表格式。
接下来，转到项目的根目录，并使用以下命令运行本地开发服务器：
$ cd angular-example-with-routing
$ ng serve
一个实时重载服务器将从以下地址运行：
http://localhost:4200/
现在，可以在浏览器中访问这个地址，查看Angular应用程序。
在Angular应用程序中添加路由涉及到几个步骤。首先，需要定义路由配置。这通常在项目的根模块中完成。
打开Angular项目，并找到名为“app.module.ts”的文件。在这个文件中，将定义应用程序的路由。
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{ path: 'home', component: HomeComponent },
{ path: 'about', component: AboutComponent },
{ path: '', redirectTo: '/home', pathMatch: 'full' }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
在这个例子中，定义了三个路由：一个指向“home”组件，一个指向“about”组件，以及一个重定向路由，它将空路径重定向到“home”组件。
接下来，需要创建路由指向的组件。在Angular CLI中，可以使用以下命令来创建组件：
$ ng generate component HomeComponent
$ ng generate component AboutComponent
这将创建两个新的组件，分别命名为“HomeComponent”和“AboutComponent”。
最后，需要更新应用程序的模板，以便它使用路由。打开应用程序的主模板文件（通常是“app.component.html”），并添加导航链接：
在这里，使用“routerLink”指令来创建导航链接，它将用户导航到不同的路由。
现在，可以运行应用程序，并测试路由是否正常工作。在终端中运行：
$ ng serve