title: Angularjs - Unwanted characters in url (http://localhost:9000/#!/#%2Famovie)
body: <p>I generated a project with <code>yeoman</code>. Routing has been going fine. I usually have urls of the form <code>http://localhost:9000/#/movies</code> and the routing has been working.   </p>
  
  <p>Suddenly, my urls have changed to <code>http://localhost:9000/#!/</code>. Notice the <code>!</code>.<br>
  As a result, the movies and all other urls transforms to <code>http://localhost:9000/#!/#%2Famovie</code> and routing no longer works.  </p>
  
  <p><em>bower.json</em></p>
  
  <pre><code>{
      "name": "client",
      "version": "0.0.0",
      "dependencies": {
      "angular": "^1.4.0",
      "angular-animate": "^1.4.0",
      "angular-cookies": "^1.4.0",
      "angular-resource": "^1.4.0",
      "angular-route": "^1.4.0",
      "angular-sanitize": "^1.4.0",
      "angular-touch": "^1.4.0",
      "jquery": "^3.1.1",
      "bootstrap-star-rating": "^4.0.1"
      },
      "devDependencies": {
          "angular-mocks": "^1.4.0"
       },
      "appPath": "app",
      "moduleName": "clientApp"
  }
  </code></pre>
  
  <p><em>package.json</em></p>
  
  <pre><code>{
      "name": "client",
      "private": true,
      "devDependencies": {
          "autoprefixer-core": "^5.2.1",
          "grunt": "^0.4.5",
          "grunt-angular-templates": "^0.5.7",
          "grunt-concurrent": "^1.0.0",
          "grunt-contrib-clean": "^0.6.0",
          "grunt-contrib-concat": "^0.5.0",
          "grunt-contrib-connect": "^0.9.0",
          "grunt-contrib-copy": "^0.7.0",
          "grunt-contrib-cssmin": "^0.12.0",
          "grunt-contrib-htmlmin": "^0.4.0",
          "grunt-contrib-imagemin": "^1.0.0",
          "grunt-contrib-jshint": "^0.11.0",
          "grunt-contrib-uglify": "^0.7.0",
          "grunt-contrib-watch": "^0.6.1",
          "grunt-filerev": "^2.1.2",
          "grunt-google-cdn": "^0.4.3",
          "grunt-jscs": "^1.8.0",
          "grunt-newer": "^1.1.0",
          "grunt-ng-annotate": "^0.9.2",
          "grunt-postcss": "^0.5.5",
          "grunt-svgmin": "^2.0.0",
          "grunt-usemin": "^3.0.0",
          "grunt-wiredep": "^2.0.0",
          "jasmine-core": "^2.5.2",
          "jit-grunt": "^0.9.1",
          "jshint-stylish": "^1.0.0",
          "karma": "^1.3.0",
          "karma-jasmine": "^1.0.2",
          "karma-phantomjs-launcher": "^1.0.2",
          "phantomjs-prebuilt": "^2.1.13",
          "time-grunt": "^1.0.0"
    },
    "engines": {
        "node": "&gt;=0.10.0"
    },
    "scripts": {
    "test": "karma start test\\karma.conf.js"
  },
  "dependencies": {
       "bootstrap": "^4.0.0-alpha.4"
   }
   }
  </code></pre>
  
  <p><em>app.js</em></p>
  
  <pre><code>angular
  .module('clientApp', [
  'ngAnimate',
  'ngCookies',
  'ngResource',
  'ngRoute',
  'ngSanitize',
  'ngTouch'
  ])
  .config(function ($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'views/main.html',
      controller: 'MainController',
      contorllerAs: 'ctrl'
    })
    .when('/series',{
      templateUrl: 'views/series.html',
      controller: 'SeriesController',
      controllerAs: 'ctrl'
    })
   ...etc..
  </code></pre>
  
  <p><em>links</em></p>
  
  <pre><code>&lt;div class="row-fluid"&gt;
    &lt;div class="col-md-11 vcenter"&gt;
      &lt;h4&gt;New Tv shows&lt;/h4&gt;
    &lt;/div&gt;
    &lt;div class="col-md-1"&gt;&lt;a href="#/series"&gt;show all&lt;/a&gt;&lt;/div&gt;
    &lt;br/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help fixing this is greatly appreciated.</p>