title: What's causing a page refresh with this splice()?
body: <p>I don't know how to phrase a better title as I'm obviously not fully understanding what is happening.</p>
  
  <p>Given this plunkr where I recreated my issue:<br>
  <a href="http://plnkr.co/edit/vaj5peVpteYQx4iZd3pw?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/vaj5peVpteYQx4iZd3pw?p=preview</a></p>
  
  <pre><code>this.items.splice(i, 1); -&gt; refresh  
  this.items.splice(i - 1, 1); -&gt; or any other i (not the target of the method) no refresh
  </code></pre>
  
  <p>Somebody can explain to me why:<br>
  Adding a Cabron is fine.<br>
  Removing a Cabron with the removeALT method is fine.<br>
  But instead removing the same Cabron with the default remove Cabron button forces a page refresh?</p>
  
  <p>To reproduce:<br>
  1) Click "add Hello" (not part of the test actually)<br>
  2) Click "Less Cabron" and the page will refresh.<br>
  2 OR) Click either "More Cabron" or "Less Cabron ALT" and the page will not refresh (despite the form being changed and being very similar to "Less Cabron").</p>
  
  <p>I'm trying to give the possibility to add/remove/moveup/movedown fields in a form.</p>
  
  <p>I could do weird things with css and always use the "i +/- x", but I would prefer to understand how to avoid this.<br>
  Also on my application (that is run on an external window [window.open()]) the url of the window changes with the parameters of the spliced object passed as URL parameters (no idea why).</p>
  
  <pre><code>example: [starting url, after here is all inserted from that bug]?title=Cabron
  </code></pre>