how to share data between two component using Event Emitter?
<p>Could you please suggest how to add item in list when something enter in input field and then <code>enter</code> press.But these are different component .I want to share input field value to different component using @Input ,@Output ,EventEmitter.</p>

<p>I make one component .
<code>&lt;todo&gt;&lt;/todo</code>></p>

<p>here is ts file</p>

<pre><code>import { Page,NavController,Modal } from 'ionic-angular/index';
import { Component, Input, Output, EventEmitter} from 'angular2/core';



@Component({
  selector:'todo'
  templateUrl:"addtodo.html",
})
export class AddToDO{

constructor() {

    }
    addItem(v){
     alert(v.value)
    }
}
</code></pre>

<p>here is my html</p>

<pre><code>&lt;label class="item item-input"&gt;
&lt;span class="input-label" &gt;Add Todo&lt;/span&gt;
  &lt;input type="text" #todo placeholder="Add todo" (keyup.enter)="addItem(todo)"&gt;
&lt;/label&gt;
</code></pre>

<p>I want to add item list when enter is press .so need to share data between component </p>

<p><a href="http://plnkr.co/edit/N6aXDZXUr99MC6w77H6d?p=preview" rel="nofollow">http://plnkr.co/edit/N6aXDZXUr99MC6w77H6d?p=preview</a></p>