title: Button is reloading my page even if he's not a submit
body: <p>Alpha : 44</p>
  
  <p>I have a problem currently with the button in angular2...</p>
  
  <p>they seems to have strange behaviour that doesn't exist in angular1 and even in any pure html it doesn't do the strange behaviour</p>
  
  <p>everytime i click on my button, the page is reloading... it's not a submit button.. so it shouldn't reload the page! </p>
  
  <p>another behaviour that is pretty frustrating in angular2 that a lot of error make the browser to reload and we lose the console log...</p>
  
  <p>here is the code </p>
  
  <pre><code>createPlayer() {
      let p = new PlayerModel('s', 1);
      console.log(p);
  }
  
  &lt;form&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="name" class="control-label"&gt;
              Name:
          &lt;/label&gt;
  
          &lt;input type="text" id="name" class="form-control"/&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group"&gt;
          &lt;label for="score" class="control-label"&gt;
              Score:
          &lt;/label&gt;
  
          &lt;input type="number" id="score" class="form-control"/&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group"&gt;
          &lt;button (click)="createPlayer()" class="btn btn-default"&gt;
              Create a Player
          &lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>there is no error while i do the process with debugger in first statement but when the end of the button happen it reload the page...</p>