title: angularjs 1.6.0 (latest now) routes not working
body: <p>I was expecting to see this question on Stackoverflow but didn't. Apparently I'm the only one having this problem that seems to me to be very common.</p>
  
  <p>I have a basic project I am working on but the routes don't seem to work even though everything I've done so far seems to be right.</p>
  
  <p>I have this piece of html in my <code>index.html</code> file:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head ng-app="myApp"&gt; 
      &lt;title&gt;New project&lt;/title&gt;
      &lt;script src="https://code.angularjs.org/1.6.0/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://code.angularjs.org/1.6.0/angular-route.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;a href="#/add-quote"&gt;Add Quote&lt;/a&gt;
      &lt;div ng-view &gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and here is my <code>app.js</code>:</p>
  
  <pre><code>var app = angular.module('myApp', ['ngRoute']);
  
  
  app.config(['$routeProvider', function ($routeProvider) {
      $routeProvider
          .when('/add-quote', {
              templateUrl: 'views/add_quote.html',
              controller: 'QuoteCtrl'
          })
          .otherwise({ redirectTo: '/' });
  }]);
  </code></pre>
  
  <p>Now when I just visit the page, here is what I get in the url:</p>
  
  <blockquote>
    <p><a href="http://localhost:8000/admin#!/">http://localhost:8000/admin#!/</a></p>
  </blockquote>
  
  <p>and when I click on the <code>Add quote</code> button, I get this:</p>
  
  <blockquote>
    <p><a href="http://localhost:8000/admin#!/#%2Fadd-quote">http://localhost:8000/admin#!/#%2Fadd-quote</a></p>
  </blockquote>
  
  <p>What can be the problem here?
  Thanks for help</p>