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

Angular开发：路由基础与区块链客户端应用

1. Angular路由基础

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

1.1 路由配置

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

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

在根模块中声明路由时，使用 forRoot() 方法，示例如下：

import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';
...
@NgModule({
  imports: [BrowserModule, RouterModule.forRoot(routes)],
  ...
})

1.2 示例应用

我们通过 ng new router --mini