Angular：不同位置注册服务时ActivatedRoute ParamsMap为空问题

1. ActivatedRoute的实例特性 #

Angular里的ActivatedRoute不是单例服务——路由树的每个节点（也就是每个路由配置对应的组件层级）都会拥有自己的ActivatedRoute实例，这个实例只关联当前路由节点的参数、数据等信息。

2. 不同注册方式带来的注入差异 #

• 根级别注册（AppModule/AppComponent）：
  当你在根注入器（AppModule或AppComponent）中注册Service时，这个Service会成为全局单例。此时注入的ActivatedRoute是根路由节点的实例——而根路由通常是没有配置参数的，所以你拿到的ParamsMap自然是空的。

• 组件级别注册：
  当你在使用该Service的组件中注册提供者时，这个Service会成为组件级实例（每个组件实例对应一个Service实例）。此时Angular会从组件所在的注入器树中获取ActivatedRoute，也就是和当前组件绑定的那个路由节点的实例，这个实例包含了当前路由的参数，所以ParamsMap能正常获取到值。

如果想让根级单例Service也能拿到当前激活路由的参数，你可以通过Router服务来实现，而不是直接依赖ActivatedRoute。核心思路是监听路由导航完成事件，然后遍历路由树找到最底层的激活路由节点：

import { Injectable } from '@angular/core';
import { Router, NavigationEnd, ActivatedRoute } from '@angular/router';
import { filter, map, switchMap } from 'rxjs/operators';

@Injectable({ providedIn: 'root' })
export class RouteParamService {
  constructor(private router: Router) {
    this.router.events.pipe(
      // 只监听导航完成的事件
      filter(event => event instanceof NavigationEnd),
      // 遍历路由树，找到最底层的激活路由
      map(() => {
        let currentRoute = this.router.routerState.root;
        while (currentRoute.firstChild) {
          currentRoute = currentRoute.firstChild;
        }
        return currentRoute;
      }),
      // 切换到当前路由的paramMap流
      switchMap(route => route.paramMap)
    ).subscribe(params => {
      console.log('当前路由参数：', params);
      // 在这里处理参数逻辑
    });
  }
}

• ActivatedRoute是路由节点绑定的实例，每个路由层级对应一个；
• Service的注入作用域（根/组件）决定了它能拿到哪个ActivatedRoute实例；
• 根级单例Service要获取当前路由参数，需通过Router遍历路由树，而非直接注入ActivatedRoute。

内容的提问来源于stack exchange，提问作者Brian