title: Prevent angularjs ui-router from routing
body: <p>I have a layout for my application that displays the user's name in the top right corner or the page. When clicked, a drop down appears with options to navigate to settings, sign out, profile, etc.</p>
  
  <p>We got the template from our creative team. They are using an anchor tag () with href=# to prevent navigation. Now that I've incorporated angular and am using ui-router, this approach obviously no longer works.</p>
  
  <p>Is there a way to prevent ui-router from navigating under certain conditions? One obvious answer would be to change the anchor tag to a button. I am looking for another alternative.</p>
  
  <p>Or perhaps I need a new approach altogether?</p>