angular 路由

Angular 路由是 Angular 框架提供的一种机制，用于管理应用程序中不同页面之间的导航。它允许你在应用程序中定义不同的路由，每个路由对应一个特定的组件或模块。

要使用 Angular 路由，首先需要在应用程序的根模块中导入 `RouterModule` 并将其添加到 `imports` 数组中。然后，在定义路由之前，你需要创建一个包含路由配置的模块。

路由配置模块可以包含以下内容：
- 导入 `RouterModule` 并使用 `forRoot` 方法来配置根路由。
- 使用 `Routes` 类定义一个路由数组，其中每个路由对象都包含路径和组件的映射关系。
- 将路由数组传递给 `RouterModule.forRoot()` 方法。

例如，以下是一个简单的路由配置示例：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'about', component: AboutComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

在上面的示例中，我们定义了两个路由。路径为空时，将加载 `HomeComponent` 组件，而路径为 'about' 时，将加载 `AboutComponent` 组件。

最后，你可以在应用程序的模板中使用 `<router-outlet></router-outlet>` 标签来显示当前路由所对应的组件。

这只是 Angular 路由的基本概念，你还可以通过配置更多选项来实现更复杂的路由功能，如路由参数、子路由、路由守卫等。