title: AngularJS routing without a web server
body: <p>I want to develop html5 SPA application for a thin client. There is no way to launch any web server on it. And I can't to make routing works without web server.</p>
  
  <p>My index.html</p>
  
  <pre><code>&lt;!doctype html&gt;
     &lt;html ng-app="app"&gt;
  &lt;head&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body style="background-color: white;"&gt;
      &lt;h1&gt;Index&lt;/h1&gt;
      &lt;a id="link" href="/login"&gt;Go to login&lt;/a&gt;
      &lt;div ng-controller="HomeCtrl"&gt;
          &lt;ul ng-repeat="number in numbers" &gt;
              &lt;li&gt;{{number}}&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My app.js</p>
  
  <pre><code>angular.module('app', []).
    config(function($routeProvider) {
      $routeProvider.
        when('/', {controller: HomeCtrl, templateUrl: 'index.html'}).
        when('/login', {controller: LoginCtrl, templateUrl: 'login.html', resolve: function() {}}).
        otherwise({redirectTo:'/'});
    });
  
  function HomeCtrl($scope) {
      $scope.numbers = [1,2,3,4,5];
  }
  
  function LoginCtrl($scope) {
  
  }
  </code></pre>
  
  <p>I'm testing this code locally on my computer in Chrome. Data binding is working like a charm, but link to the login page isn't. It's leading to the {X}:\login. So my questions are: is it possible to make it works with out web server? And secondly what I'm missing to get it done?</p>