title: Prevent redirection through href="#" while using Angular Router
body: <p>I've been working on an Angular project which includes different libraries most importantly ngx-datatable.</p>
  
  <p>Routing is working without any issues except for anchor tags where href="#" where the user is redirected to / even if not required.</p>
  
  <p>All the solutions that I've found suggest removing # or the whole attribute itself but I just can't do that as it requires hacking all the libraries I'll be using.</p>
  
  <p><a href="https://i.stack.imgur.com/UmY6S.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UmY6S.png" alt="Example is from ngx-datatable where the link is supposed to Expand/Collapse a row. Instead, it redirects user to homepage."></a></p>
  
  <p>Is there any way I can use a Router hook or something to stop navigation if the request URL is #?</p>