如何让Angular路由Resolver仅针对不同的id参数值触发？

这个问题其实是Angular路由Resolver的默认行为导致的——默认情况下，只要路由的任何参数（包括矩阵参数）发生变化，Resolver就会重新执行，哪怕组件被复用。不过要实现仅当:id路径参数变化时才触发Resolver，有两种很实用的方案，我推荐第一种，更简洁直接：

方案一：通过路由配置控制Resolver的触发时机 #

Angular路由提供了runGuardsAndResolvers配置项，专门用来控制什么时候重新运行路由守卫和Resolver。你有两种选择：

1. 使用预设值pathParamsChange

这个值会告诉Angular，只有当路由定义中的路径参数（也就是你这里的:id）发生变化时，才重新执行Resolver。矩阵参数的变更不会触发，因为它们不属于路径参数的范畴。

修改你的路由配置如下：

{
  path: ':id',
  component: MyComponent,
  resolve: { data: MyResolver },
  runGuardsAndResolvers: 'pathParamsChange' // 关键配置
}

2. 自定义判断函数（更灵活）

如果你的路由有多个路径参数，而你只想监控:id的变化，可以写一个自定义函数来精确控制：

{
  path: ':id',
  component: MyComponent,
  resolve: { data: MyResolver },
  runGuardsAndResolvers: (fromRoute, toRoute) => {
    // 仅当id参数前后不一致时，返回true触发Resolver
    return fromRoute.params.id !== toRoute.params.id;
  }
}

方案二：在Resolver内部缓存数据 #

如果需要更细粒度的缓存控制（比如后台数据不会频繁更新，想减少重复请求），可以在Resolver里维护缓存，对比当前id和缓存的id，相同则直接返回缓存数据，不同才发起HTTP请求。

示例代码如下：

import { Injectable } from '@angular/core';
import { Resolve, ActivatedRouteSnapshot } from '@angular/router';
import { Observable, of } from 'rxjs';
import { tap } from 'rxjs/operators';
import { Artist } from './your-artist.model'; // 替换成你的模型
import { YourDataService } from './your-data.service'; // 替换成你的服务

@Injectable({ providedIn: 'root' })
export class MyResolver implements Resolve<Artist> {
  private cachedId: string | null = null;
  private cachedData: Artist | null = null;

  constructor(private service: YourDataService) {}

  resolve(route: ActivatedRouteSnapshot): Observable<Artist> {
    const currentId = route.params.id;

    // 检查当前id是否和缓存一致，且有缓存数据
    if (currentId === this.cachedId && this.cachedData) {
      return of(this.cachedData);
    }

    // 发起请求并更新缓存
    return this.service.getData(currentId).pipe(
      tap(data => {
        this.cachedId = currentId;
        this.cachedData = data;
      })
    );
  }
}

注意：这个方案依赖Resolver的单例特性（providedIn: 'root'），如果Resolver是组件级提供的，缓存会失效。另外如果后台数据可能更新，记得添加缓存失效的逻辑（比如定时清除缓存）。

总结 #

优先选择方案一，它是路由层面的原生配置，逻辑清晰，不需要额外维护缓存，完全匹配你的需求。

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