Передача события с ng-content в родительский компонент?

Question

[Coder321]

Есть родительский компонент с ng-content внутри. В ng-content вставляются другие директивы. Как с директив внутри передать событие директиве родителю без приминения (event) на вью?

<parent-component>
    <child-component></child-component>
    <child-component></child-component>
</parent-component>

Answer 1

[Алексей Зуев]

Существует множество рецептов,
один из них - инжектить родительский компонент в дочерний

https://plnkr.co/edit/y7tRG625BsNIRdmIaGrY?p=preview

Еще варианты вы можете найти здесь https://angular.io/docs/ts/latest/cookbook/compone...

Comments

[Coder321]

Блин чето не додумался инжектить родительский омпонент(
Огромное спасибо.

Answer 2

[Виталий]

Если правильно понял вопрос, рецепт:
@Output() event: EventEmitter
+
(event)="parentEvent()"

Comments

[Coder321]

Сори, я чуток не правильно вопрос задал. Нужно без приминения (event)

[Виталий]

Coder321: допустим, тогда попробуем так.
Создаём Сервис, который встраиваем в родительский и дочерний компоненты. Он содержит @Output() event: EventEmitter.
Дочерний компонент вызывает событие как-то так:
(click)="myService.event.emit()"
Родительский подписывается на сервис примерно так:
this.connection = myService.event.subscribe( () => myMethod() );
Провайдер определяем на уровне модуля или родительского компонента - смотря что передаётся в emit.