如何從Angular2的父指令監聽子事件

Question

我有一個子組件“ my-component”，該子組件由指令“ MyDirective”包裝，我需要從子組件向父指令發出一個事件，我知道如何使用@Output對父組件執行此操作，但運氣不好指示。

<div myDirective >
    <my-component></my-component>
</div>

任何想法？

Answer 1

一種方法是使用模板變量，並在事件處理程序中引用它：

<div myDirective #mydir>
    <my-component (someEvent)="mydir.someMethod()"></my-component>
</div>