Angular 2多供应商用于导出依赖关系的依赖关系

Question

我即将使用multi-provider来导出依赖关系与其自身的依赖关系，因此它们可以一次注入到组件中。

对于分量

import {Component} from 'angular2/core'; 
import { FOO_PROVIDERS } from './foo'; 

@Component({ 
    selector: 'app', 
    providers: [FOO_PROVIDERS] 
}) 
export class App {} 

的following

import {Inject, Injectable, provide} from 'angular2/core'; 
import {Http, HTTP_PROVIDERS} from 'angular2/http'; 

export class Foo { 
    constructor(@Inject(Http) http) {} 
} 

export const FOO_PROVIDERS = [ 
    provide(Foo, { useClass: Foo, multi: true }), 
    provide(Foo, { useValue: HTTP_PROVIDERS, multi: true }) 
]; 

将导致

没有提供对于HTTP！ （应用程序 - >富 - > HTTP）

而且this

import {Inject, provide} from 'angular2/core'; 
import {Http, HTTP_PROVIDERS} from 'angular2/http'; 

class Foo { 
    constructor(@Inject(Http) http) {} 
} 

export const FOO_PROVIDERS = [Foo, HTTP_PROVIDERS]; 

将正常工作，而我希望他们做类似的工作。

在这种情况下是否有适当的多供应商使用？

Answer 1

当您注册provide(Foo, ...),比你可以

constructor(foo:Foo) 

与multi: true你获得通过注册为Foo

constructor(foo:any) 

所有供应商提供

export const FOO_PROVIDERS = [ 
    provide(Foo, { useClass: Foo, multi: true }), 
    provide(Foo, { useValue: HTTP_PROVIDERS, multi: true }) 
]; 

和

constructor(@Inject(Foo) foo:Foo[]) 

，你会得到传递给foo包含Foo实例和为第12项供应商（这些包含在HTTP_PROVIDERS）

也许你有不同的期望列表

更新数组应该发生什么。我不知道@Inject(Http) http在这里是如何相关的。 HTTP_PROVIDERS仅注册为Foo的值。提供商解决问题时，您传递给useValue的价值无关紧要。 DI查找供应商Foo并通过了指定的值，并且完全不关心该值是什么。在您的示例中没有Http的提供者，因此Foo本身无法获得Http注入。您需要注册Http，这是当你直接添加HTTP_PROVIDERS到供应商（不useValue）来完成，因为HTTP_PROVIDERS包含Http（这相当于provide(Http, {useClass: Http})

UPDATE2

// An injected service that itself needs to get passed in a dependency 
@Injectable() 
class Foo { 
    constructor(private http:Http); 
} 

// container for a bunch of dependencies  
@Injectable() 
class MyProviders { 
    // add everything you want to make available in your components 
    constructor(public foo:Foo, public bar:Bar, ...); 
} 

class MyComponent { 
    // inject just MyProviders and use the dependencies it provides 
    constructor(private providers: MyProviders) { 
    // access provided values 
    providers.foo.doSomething(); 
    providers.bar.doSomethingElse(); 
    } 
} 

// Add all providers to allow DI to resolve all above dependencies 
bootstrap(AppComponent, [HTTP_PROVIDERS, Foo, Bar]); 

}