31、Angular路由与服务详解

Angular路由与服务详解

1. 拦截器与路由导航基础

在 app.module.ts 中，我们可以引入拦截器并将其添加到提供者列表中：

import {allInterceptorProviders } from './all-interceptors.ts'
...
providers[...]
    .concat(allInterceptorProviders)
...

拦截器会按照在 allInterceptorProviders 中定义的顺序依次执行。

每个Angular应用都必须有一个唯一的路由器，需要在主应用模块中使用 RouterModule.forRoot(...) 进行定义，它接受一个路由数组作为参数。如果其他模块需要定义自己的路由，则使用 RouterModule.forChild(...) ，这样不会添加新的路由器，而是将其他路由定义合并到主应用模块中定义的唯一路由器中。例如 extra-features 文件夹中定义的 ExtraFeaturesModule 就展示了 RouterModule.forChild(...) 的用法。

路由相关的操作可以通过以下三种方式执行并记录在浏览器历史中：
- 应用启动时，在浏览器导航栏输入包含网站域名和特定路由的链接。例如，运行 ServicesAndRoutin