You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Angular 14中正确结合multi: true使用inject函数?

Angular中使用inject函数获取多实例服务数组的正确方式

我有一个多实例服务,注册配置如下:

{ provide: MyAbstractService, useClass: MyServiceA, multi: true },
{ provide: MyAbstractService, useClass: MyServiceB, multi: true },

出于特定原因,希望使用inject函数而非构造函数注入来获取这些服务。Angular 14之前,构造函数注入的写法是:

@Inject(MyAbstractService) myServices: MyAbstractService[],

原本以为这样写可行,但实际报错:

private myServices: MyAbstractService[] = inject(MyAbstractService);

inject不会返回数组,无法直接赋值给数组类型。目前用类型断言可以生效,但不够规范:

private myServices: MyAbstractService[] = inject(MyAbstractService) as unknown as MyAbstractService[];

正确解决方案

方法1:给inject函数传入multi配置参数

这是Angular官方推荐的标准写法,通过配置项明确告知inject要获取该令牌对应的多实例数组,类型推导自动适配,无需额外断言:

private myServices: MyAbstractService[] = inject(MyAbstractService, { multi: true });

方法2:通过Injector实例获取

如果需要在非类构造函数等更灵活的场景中获取,可先注入Injector再调用其get方法并指定multi选项:

private injector = inject(Injector);
private myServices: MyAbstractService[] = this.injector.get(MyAbstractService, { multi: true });

内容的提问来源于stack exchange,提问作者MoxxiManagarm

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 02:45:36