title: Angular2 App reloading after emitting event
body: <p>I am quiet new to Angular2 and SPA developement, so please excuse, if this is a stupid question.</p>
  
  <p>I am following a tutorial. Several components are used, and when clicking on one element, an event shall be emitted, consumed by other components.</p>
  
  <pre><code>  &lt;a href="" class="list-group-item clearfix" (click)="onSelect()"&gt;
  </code></pre>
  
  <p>In the respective component the following method is called</p>
  
  <pre><code>onSelect(event) {
  event.stopPropagation();
  console.log("Emitting event in recipe-item.component");
  //this.recipeSelected.emit(this.recipe);
  }
  </code></pre>
  
  <p>I commented the last line out on purpose, because I was trying to debug the thing. Normally the event shoud be emitted and consumed. But instantly after the log entry, the App reloads. In chrome in the console I can see "Navigated to [url]". </p>
  
  <p>Could anyone give me a hint on how to solve this?</p>
  
  <p>Regards and thanks in advance.</p>