Angular2，如何在 ES6 組件上使用 @Host

Question

我沒有看到有關如何在 ES6 中使用 Host 所做的事情（將父引用注入子代）的示例。

@Component({ ... })
class PlayButton {
  constructor(@Host() playerService: PlayerService) {

  }
}

關於我們如何實現這一目標的任何想法？

Answer 1

有一個Host變量，可以與任何指令一起使用。不確定是否有@Host decorator 。 此外，如果您必須注入一些服務，您可以在組件裝飾器中使用providers 。

您可以查看Angular API以供參考。

對於主機實現，您可以查看屬性指令實現。

更新

你可以試試 ContentChildren 裝飾器。

 @Directive({
   selector: 'someDir'
 })
 class SomeDir {
   @ContentChildren(ChildDirective) contentChildren: QueryList<ChildDirective>;
   ngAfterContentInit() {
    // contentChildren is set
   }
 }

作為參考，您可以查看Angular API