注入类数组

时间:2016-03-24 17:00:28

标签: angular angular2-injection

我有一个MetaManager类:

@Injectable()
export class MetaManager{

    constructor(private handlers:Handler[]){
        console.log(handlers);
    }
}

此类需要Handler[]注册为处理程序。当我得到一些元数据时,我在我的处理程序数组中循环,看看哪个可以处理我的元条目。

话虽如此,问题是我无法在main.ts中提供一个类数组作为配置,这是我尝试过的(以及什么不起作用):

使用String项(在MetaManager中使用@Provide('HANDLERS')注释:

`bootstrap(AppComponent, [MetaManager,provide('HANDLERS', {useValue: [DebugHandler]}) ]);`

使用界面提供处理程序:

export const HANDLERS: HandlerConfig = {handlers: [<Handler>DebugHandler]};

bootstrap(AppComponent, [MetaManager, provide(HandlerConfig, {useValue: HANDLERS}) ]);

使用Handler[]类提供程序:

bootstrap(AppComponent, [MetaManager, provide(Handler[], [DebugHandler])]);

我想提供一个类数组,因为MetaManager将来需要有多个Handler,通知,错误等......

编辑:

使用多提供程序会给我一个No provider for Array! (ApiService -> MetaManager -> Array)错误:

元manager.ts:

@Injectable()
export class MetaManager{

    constructor(private handlers:Handler[]){
        console.log(handlers);
    }
}

main.ts:

bootstrap(AppComponent,
    [   MetaManager,
        provide(Handler, {useClass: DebugHandler, multi: true}),
        provide(Handler, {useClass: NotificationHandler, multi: true})]);

1 个答案:

答案 0 :(得分:7)

在为$("#grid").kendoGrid({ editable: { mode: "popup" } 类注册提供商时,您可以使用multi属性:

Handler

这样,您就可以这样注入:

bootstrap(AppComponent, [
  MetaManager,
  provide(Handler, { useClass: DebugHandler, multi: true }),
  provide(Handler, { useClass: OtherHandler, multi: true })
]);

这是相应的plunkr:https://plnkr.co/edit/UBIvWfOvAmo4XO2ohbID?p=preview。 这篇文章可能会让您感兴趣: