title: Angular 2 prevent input inside component from firing form submit outside of the component
body: <p>Outside form:</p>
  
  <pre><code>&lt;form #myForm="ngForm" (ngSubmit)="save(myForm.value, myForm.isValid)"&gt;
    &lt;tags-input&gt;&lt;/tags-input&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Tags input component template:</p>
  
  <pre><code>&lt;input type="text" [(ngModel)]="newTag" (keyup.enter)="addTag(newTag, $event)"&gt;
  </code></pre>
  
  <p>Tags input component:</p>
  
  <pre><code>addTag(newTag: any, e: any) {
  
    e.stopPropagation();
    e.preventDefault();
  }
  </code></pre>
  
  <p>Despite this, it still fires the submit in the outer form.</p>
  
  <p>How can I prevent the form from submitting when I press enter in the input inside the component?</p>
  
  <p>I'm thinking that there must be a way to achieve this with an <code>EventEmitter</code> or something, but I have no idea how.</p>