title: @Output not firing method from parent component
body: <p>I've been struggling with this problem for some hours and its getting pretty frustrating. 
  I have a child component in which in which I need to detect when the mouse hovers over something. The mouseenter event fires correctly and my method within the child component (app-circle) is fired but after I emit() the method from parent component does not get called.</p>
  
  <p>Angular version: 8.0.1</p>
  
  <p>Here is some relevant code:</p>
  
  <p><strong>Child component (app-circle):</strong></p>
  
  <p>TS:</p>
  
  <pre><code>@Output() mouseEnter: EventEmitter&lt;any&gt; = new EventEmitter();
  ...
  public onMouseEnter() {
     this.mouseEnter.emit();
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a (mouseenter)="onMouseEnter()"&gt; ... &lt;/a&gt;
  </code></pre>
  
  <p><strong>Parent component:</strong></p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;app-circle (mouseEnter)="onBackgroundCircleMouseEnter()"&gt; &lt;/app-circle&gt;
  </code></pre>
  
  <p>TS:</p>
  
  <pre><code>public onBackgroundCircleMouseEnter() {
     console.log('emitted');
  }
  </code></pre>