title: href="#" causes location address to change, can we avoid it?
body: <p>I have a number of tabs that I handle special logic so no location bar address change should occur. I have the following</p>
  
  <pre><code>&lt;a href="#"&gt;Home&lt;/a&gt;
  </code></pre>
  
  <p>This behaves as expected, i.e. it gives me the hand mouse pointer when hovering over the buttons but clicking on then starts the route change. I want to be able to stop this.</p>
  
  <p>I tried just remove the <code>href</code> or setting <code>href=""</code>, seemed to have some success but it gave unexpected results when hovering.</p>
  
  <p>What is the best practice here? Do I have to remove the href? So then I will need to style the tab using CSS to give me the mouse pointer when hovering? If I do leave the <code>href="#"</code> in the link then this causes a change of routing which is not what I was looking for.</p>
  
  <p>I actually handle my login in a <code>ngClick</code> for each tab. This logic must not change the route.</p>
  
  <p>Any ideas?</p>