带有两个注入服务的函数式解析器(Angular 15)

发布于03月19日

在我的解析器中，我try 注入两个服务，其中一个服务的响应作为下一个服务调用的输入:

export const addressResolver : ResolveFn<Address> = (
  route: ActivatedRouteSnapshot
) => {

  return inject(UserService).getUserInfo().pipe(
    mergeMap((user: any) => {
      return inject(AddressService).getAddressByUserId(route.params['addressType'], user.id).pipe(
        map((res:any)=>{
           return res;
        }
      ));
    })
  );
};

此代码将错误抛出为

错误:NG0203:inject()必须从注入上下文，如构造函数、工厂函数、字段初始化器，或与 EnvironmentInjector#runInContext

任何人都可以帮助这个代码块中缺少的东西.thanks in advance

推荐答案

你能试着把它们分配给变量然后执行调用吗？

export const addressResolver : ResolveFn<Address> = (
  route: ActivatedRouteSnapshot
) => {
  const userServiceInjector = inject(UserService);
  const addressServiceInjector = inject(AddressService);
  return userServiceInjector.getUserInfo().pipe(
    mergeMap((user: any) => {
      return addressServiceInjector.getAddressByUserId(route.params['addressType'], user.id).pipe(
        map((res:any)=>{
           return res;
        }
      ));
    })
  );
};