title: AngularJS routing to static file
body: <p>I have a simple <code>angularjs</code> app, with <code>ngRoute</code> module for routing in <code>html5Mode</code>.
  How can I have a link to some static file on my page, and not to have it intercepted by angular routing module?</p>
  
  <p>Here's the example:</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;head&gt;
          &lt;base href='/'&gt;&lt;/base&gt;
      &lt;/head&gt;
      &lt;body ng-app="crudApp"&gt;
  
      &lt;a href="/"&gt;Home&lt;/a&gt;
      &lt;a href="/user"&gt;User&lt;/a&gt;
      &lt;a href="/users.html"&gt;users.html&lt;/a&gt;
  
      &lt;div ng-view&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JS routing:</p>
  
  <pre><code>$routeProvider
              .when('/', {
                  templateUrl: 'app/components/home/homeView.html',
                  controller: 'HomeController'
  
              })
              .when('/user', {
                  templateUrl: 'app/components/user/userView.html',
                  controller: 'UserController'
  
              })
              .otherwise({
                  redirectTo: '/'
              });
  </code></pre>
  
  <p>When I click on <em>User</em> link I get routed to <code>localhost:8080/user</code>, and my controller and template work fine. When I click on <em>users.html</em> link I get routed to home, but I want to invoke a static <code>home.html</code> page.</p>