Angular2で子コンポーネントのプロバイダにアクセスする

Question

Githubのサードパーティ製コンポーネントを使用するコンポーネントがあり、独自のプロバイダを定義しているとします。

<my-component> 
    <awesome-contrib-component></awesome-contrib-component> 
</my-component> 

とawesome-contrib-componentプロバイダ向け：私の知る限りがあるため、私はアプリのブートストラップレベルで、あるいはmy-componentにFooProviderを提供していても（プロバイダやviewProvidersのいずれかで）、言うことができるように

@Component({ 
    selector: 'awesome-contrib-component', 
    providers: [FooProvider] 
}) 

awesome-contrib-componentは独自のプロバイダであると指定していますが、常にそれ自体のインスタンスになっています。

問題がmy-componentに私がawesome-contrib-componentで使用されているFooProviderの同じインスタンスにアクセスする必要があると私はそれを得ることができないんだということです。

これはまったく可能ですか？何か不足していますか？ありがとう！

ここで強調すべき重要なことは、awesome-contrib-componentがGithubのサードパーティ製モジュールであることです。それは自身のプロバイダを定義し、FooProviderをプライベート変数として割り当て、公開しません。

このサードパーティ製のライブラリを使用してPRを開いていない人（私が行ったこと）は、これを回避する方法がわかりません。

Answer 1

使用@ViewChild、またはあなたが複数の子を持っている場合あなたは間違いなくはい、何かが欠けているこの

@Component({ 
    selector: 'my-component', 
    directives: [AwesomeContribComponent] 
}) 
export class MyComponent{ 
    @ViewChild(AwesomeContribComponent) public childInstance: AwesomeContribComponent 

    ngAfterViewInit(){ 
    console.log(this.childInstance.fooProvider); // you got the service 
    } 

} 

@Component({ 
    selector: 'awesome-contrib-component', 
    providers: [FooProvider] 
}) 
export class AwesomeContribComponent { 
    constructor(public fooProvider: FooProvider){} 
} 

Answer 2

のように、@Childrenを使用！ :)

同じプロバイダーインスタンスを子と親にしたい場合は、それを親コンポーネント（子ではない）、それを使用している子（提供しない）で提供するだけです同じインスタンスを持ちます。

プロバイダ/依存性の注入/サービスに関する

より：https://angular.io/docs/ts/latest/guide/hierarchical-dependency-injection.html