title: EventEmitter emit is not working in angular 4
body: <p>here is my code below :</p>
  
  <p><strong>search.component.html</strong></p>
  
  <pre><code>&lt;button (click)="addMe()"&gt;Click&lt;/button&gt;
  </code></pre>
  
  <p><strong>search.component.ts</strong></p>
  
  <pre><code>import { Component, Directive, OnInit, Input, Output, EventEmitter } from '@angular/core';
  
  @Component({
     selector: 'search-component',
     templateUrl: './search.component.html'
  })
  
  export class SearchComponent {
     @Output() userUpdated = new EventEmitter();
  
     addMe() {
         this.userUpdated.emit('my data to emit');
     }
  }
  </code></pre>
  
  <p><strong>profile.component.html</strong></p>
  
  <pre><code>&lt;search-component (userUpdated)="handleUserUpdated($event)"&gt;&lt;/search-component&gt;
  </code></pre>
  
  <p><strong>profile.component.ts</strong></p>
  
  <pre><code>handleUserUpdated(e) {
     console.log('e', e);
  }
  </code></pre>