如何在Angular路由解析器中接收Signal的更新值？

路由解析器的设计逻辑是在路由激活前完成数据解析，它会订阅你返回的Observable，但只会取第一个发射的值就结束订阅。你通过toObservable(this.browserTitle)得到的是一个持续发射信号更新的Observable，解析器只会拿到初始的null——要么是因为详情解析器还没完成对browserTitle的更新，要么是解析器本身不会等待后续的信号更新。

方案1：直接在标题解析器中获取公司名称（推荐） #

既然标题解析器和详情解析器属于同一路由，直接利用路由参数调用服务获取公司名称，无需依赖Signal传递状态，从根源避免异步时序问题：

import { Observable, map, catchError } from 'rxjs';
import { inject } from '@angular/core';
import { ResolveFn } from '@angular/router';
import { CompanyService } from '../service';

export const companyUpdateTitleResolver: ResolveFn<string> = (
  route,
  state
) => {
  const companyId = route.params['companyId'];
  const _companyService = inject(CompanyService);

  return _companyService.fetchCompany(companyId).pipe(
    map((companyDetails) => `Update Company: ${companyDetails.name}`),
    catchError(() => 'Update Company')
  );
};

方案2：利用路由已解析数据复用结果 #

如果你的路由配置中已经通过详情解析器把公司数据存入了路由data，可以直接从route.data中提取，无需重复请求：

import { inject } from '@angular/core';
import { ResolveFn } from '@angular/router';
import { ICompanyDetailDataset } from '../models';

export const companyUpdateTitleResolver: ResolveFn<string> = (
  route,
  state
) => {
  // 假设详情解析器在路由配置中的key为'companyDetail'
  const companyData = route.data['companyDetail'] as ICompanyDetailDataset;
  return companyData?.company_details?.name 
    ? `Update Company: ${companyData.company_details.name}` 
    : 'Update Company';
};

方案3：调整Signal订阅逻辑（仅适合必须用Signal的场景） #

如果坚持使用Signal传递状态，需要让解析器等待Signal产生非空值后再发射结果，通过filter+take(1)实现：

import { Observable, map, filter, take, catchError } from 'rxjs';
import { inject } from '@angular/core';
import { ResolveFn } from '@angular/router';
import { CommonService } from '@core/services';

export const companyUpdateTitleResolver: ResolveFn<string> = (
  route,
  state
) => {
  const _commonService = inject(CommonService);

  return _commonService.browserTitle$.pipe(
    filter(title => title !== null), // 过滤初始null值
    take(1), // 只取第一个有效标题
    map((title) => `Update Company: ${title}`),
    catchError(() => 'Update Company') // 兜底处理无有效值的情况
  );
};

注意：该方案依赖路由解析器的执行顺序，可靠性不如前两种方案。

路由解析器仅适合一次性完成的数据解析，不适合订阅持续发射的数据流；解析器之间共享状态，优先通过路由参数或已解析数据实现，而非Signal。

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