title: How to communicate from Child to Parent page using EventEmitters
body: <p>I am new for Angular and i am now developing ionic apps using angular,My requirement is communicate from child to parent page using Event Emitters(Just want to change Parent page title from child page my code is below please suggest me how can i do this),I don't even idea about this concept can some one help me please</p>
  
  <h1>parent.html:-</h1>
  
  <pre><code>&lt;ion-header&gt;
  
    &lt;ion-navbar&gt;
      &lt;button menuToggle left&gt;
        &lt;ion-icon name="menu"&gt;&lt;/ion-icon&gt;
      &lt;/button&gt;
      &lt;ion-title&gt;{{title}}&lt;/ion-title&gt;
    &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  
  &lt;ion-content padding&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <h2>parnet.ts:</h2>
  
  <pre><code>export class Parent{
    title:string;
    getNotification(evt) {
      this.title = ""+evt;
     }
  }
  </code></pre>
  
  <h2>child.html:</h2>
  
  <pre><code>&lt;ion-content padding&gt;
      &lt;h2&gt;Grocery Page&lt;/h2&gt;
      &lt;button ion-button (click)="sendNotification()" color="secondary" full&gt;Notify my parent!&lt;/button&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <h2>child.ts:</h2>
  
  <pre><code>export class Child{
  
    @Output() notifyParent: EventEmitter&lt;any&gt; = new EventEmitter();
    sendNotification() {
      this.notifyParent.emit('Parent Page');
     }
  }
  </code></pre>