title: Emit event from Directive to parent element
body: <p>I have an element in HTML template of an Angular 2 app. I add a directive to it:</p>
  
  <pre><code>&lt;div myCustomDirective&gt;HELLO&lt;/div&gt;
  </code></pre>
  
  <p>I want that whenever I hover over the <code>div</code> the text inside the <code>div</code> should be changed, but it needs to be done from <code>Directive</code> <code>(mouseover)</code> event.</p>
  
  <p>How to emit an event from a <code>Directive</code> and capture it inside a parent element?</p>