angular - 在 Angular2 中访问子组件的提供者

Question

假设我有一个组件，它使用来自 Github 的第三方组件，该组件定义了自己的提供程序。

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

对于awesome-contrib-component提供商:

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

据我所知，即使我在应用程序引导级别甚至在 my-component (使用提供程序或 viewProviders)提供 FooProvider ，因为 awesome-contrib-component 指定它自己的提供者，它总是获取它自己的实例。

问题是在 my-component 中，我需要访问 awesome- 使用的 FooProvider 的相同实例contrib-component 但我无法获取它。

这可能吗？我错过了什么吗？谢谢!

这里要强调的重要一点是，awesome-contrib-component 是来自 Github 的第 3 方模块，它定义了自己的提供程序，并将 FooProvider 分配给自己作为私有(private)变量并且不公开它。

作为使用这个第 3 方库的人，没有打开 PR(我就是这么做的)，我不知道如何解决这个问题。

Answer 1

使用@ViewChild，或者如果您有多个子项，请使用@Children，如下所示

@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){}
}