title: angularjs routing conflict with jquery functions
body: <p>I'm having a problem with angular routing mechanism:</p>
  
  <pre><code>$routeProvider
    .when("/", { templateUrl: "/*some MVC calls to return a partial view*/"})
    .when("/somewhere/:someParams", { templateUrl: "/*some MVC calls to return a partial view*/"})
    ...
    .otherwise({redirectTo: "/"})
  </code></pre>
  
  <p>The problem is I'm using a <a href="https://wrapbootstrap.com/" rel="nofollow">wrapbootstrap</a>'s theme (more accurately the <a href="https://wrapbootstrap.com/theme/ace-responsive-admin-template-WB0B30DGR" rel="nofollow">Ace</a>) and it has  lots of functionality based on <code>&lt;a&gt;</code> tags and <code>href="#"</code> attributes and whenever the user clicks an element (like the dropdown menus which also have a <code>&lt;a href="#"&gt;</code> tag), angularjs jumps in and tries to parse the url which looks like this most of the time: <code>http://localhost/site/somewhere/someParams#</code></p>
  
  <p>any suggestions on how to separate these two functionality?</p>
  
  <p>thanks in advance</p>