27、Angular开发：路由基础与区块链客户端实践

Angular开发：路由基础与区块链客户端实践

1. Angular路由基础

在单页应用（SPA）中，网页不会重新加载，但部分内容可能会发生变化。Angular路由允许我们在不进行整页重新加载的情况下配置和实现导航。

1.1 路由配置

每个应用都有一个路由对象，我们需要配置应用的路由。路由配置是在模块级别完成的，使用 Route 类型的对象数组进行配置。以下是一个示例：

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'product', component: ProductDetailComponent }
];

在上述代码中，空路径表示默认渲染 HomeComponent ，如果URL包含 product 段，则渲染 ProductDetailComponent 。

要让根模块知道这些路由，需要在 @NgModule() 装饰器中使用 forRoot() 方法：

import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/r