title: Angular @Output not working
body: <p>Trying to do child to parent communication with @Output event emitter but is no working 
  here is the child component</p>
  
  <pre><code>import { Component, OnInit, Output, Input, EventEmitter } from '@angular/core';
  
  @Component({
    selector: 'app-emiter',
    templateUrl: './emiter.component.html',
    styleUrls: ['./emiter.component.css']
  })
  export class EmiterComponent implements OnInit {
  
  @Output() emitor: EventEmitter&lt;any&gt;
    constructor() { this.emitor = new EventEmitter()}
  
     touchHere(){this.emitor.emit('Should Work');
     console.log('&lt;&gt;&lt;&gt;&lt;&gt;&lt;&gt;',this.emitor) // this comes empty
    }
  
    ngOnInit() {
    }
  
  }
  </code></pre>
  
  <p>this is the html template</p>
  
  <pre><code>&lt;p&gt;
  &lt;button (click)=" touchHere()" class="btn btn-success btn-block"&gt;touch&lt;/button&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>The console.log inside the touchHere it shows nothing
  even if I put this inside the parent component it show nothing as well
  parent component</p>
  
  <pre><code> import { Component , OnInit} from '@angular/core';
  // service I use for other stuff//
      import { SenderService } from './sender.service';
  // I dont know if I have to import this but did it just in case
      import { EmiterComponent } from './emiter/emiter.component'
  
  @Component({
        selector: 'app-root',
        templateUrl: './app.component.html',
        styleUrls: ['./app.component.css']
      })
      export class AppComponent {
        title = 'app';
        user: any;
        touchThis(message: string) {
          console.log('Not working: ${message}');
        }
          constructor(private mySessionService: SenderService) { }
      }
  </code></pre>
  
  <p>and here is the html template</p>
  
  <pre><code>&lt;div&gt;
    &lt;app-emiter&gt;(touchHere)='touchThis($event)'&lt;/app-emiter&gt;
  &lt;/div&gt;
  </code></pre>