Angular2, как использовать @Host на компонентах ES6

Question

Я не вижу примера о том, как использовать выполнение того, что делает хост (вводя родительскую ссылку в дочерний элемент) в ES6.

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

    } 
} 

Любая идея о том, как мы могли бы достичь этого?

Answer 1

Существует переменная Host, которая может использоваться с любыми директивами. Не обязательно, если есть @Host decorator. Также, если вам нужно вставить какую-либо услугу, вы можете использовать providers в декораторе компонентов.

вы можете посмотреть в Angular API для справки.

Для реализации хоста вы можете взглянуть на реализацию Attribute Directives.

Update

вы можете попробовать ContentChildren декоратора.

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

Для справки вы можете проверить Angular API

Надеются, что это помогает.