title: What are recommanditions for @Output event names (to prevent native event name collision)?
body: <p>I have played with Angular 2 components and their compositions and I have run into ugly behavior, which is caused by native event bubbling and @Output name collision.</p>
  
  <p>I have component app-form with form in template</p>
  
  <pre><code>&lt;form (ngSubmit)="submitButtonClicked($event)"&gt;
    &lt;input type="text"/&gt;
    &lt;button type="submit"&gt;Send&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I use this form component in app-middle component, which has own event emitter with name submit.</p>
  
  <pre><code>@Component({
    selector: 'app-middle',
    templateUrl: './middle.component.html',
    styleUrls: ['./middle.component.css']
  })
  export class MiddleComponent implements OnInit {
  
    @Output() submit = new EventEmitter&lt;string&gt;();
  
    constructor() { }
  
    emitSubmitEvent() {
      this.submit.emit("some data");
    }
  
  }
  </code></pre>
  
  <p>template:</p>
  
  <pre><code>&lt;div&gt;
  
    &lt;app-form&gt;&lt;/app-form&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>And app component with template:</p>
  
  <pre><code>&lt;app-middle (submit)="submitListener($event)"&gt;&lt;/app-middle&gt;
  </code></pre>
  
  <p>Now, submitListener will be called</p>
  
  <ul>
  <li>when submit on app-middle is called (wanted behavior)</li>
  <li>when form is submitted, because native event bubble to the top ("parasitic" behavior)</li>
  </ul>
  
  <p>I suppose, "parasitic" behavior is based on DOM event bubbling. 
  I can stop it by event.stopPropagation() in submitButtonClicked handler, but if I forgot stop it, I get pretty ugly errors.</p>
  
  <p>Generally, I consider this behavior quite dangerous. If I am not wrong, every event binding expression handler can be potentially called "parasitically" by native event from inner components.
   if has same name as any of DOM events (<a href="https://developer.mozilla.org/en-US/docs/Web/Events" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/Events</a>) And I don't talk about forward compatibility....</p>
  
  <p>Same problem you can see here: <a href="https://bitbucket.org/winsik/submit-event-issue/src" rel="noreferrer">https://bitbucket.org/winsik/submit-event-issue/src</a></p>
  
  <p>Did you run into this problem? How do you name your @Outputs?</p>