Почему в моем URL-адресе есть хеш и как я могу избавиться от него?

Question

В моем угловом приложении, используя ui-router, когда я иду в какое-либо из моих состояний в моем приложении, то URL, который отображается в браузере что-то вроде

http://localhost/budgeteering/v4/src/app/#/user/joe 

Это хэш там, что сбивает с толком меня.

Почему это так и как я могу избавиться от него? Это вызывает некоторые проблемы с тегами <a href="#"> и в противном случае вызывает раздражение.

Вот что мои состояния выглядят следующим образом:

  .state('user', { 
       abstract: true, 
       url: '/user/:username', 
       resolve:{ 
        username: ['$stateParams', function($stateParams){ 
         return $stateParams.username; 
        }] 
       }, 
       controller: 'userCtrl', 
       templateUrl: 'user/userhome.html' 
      }) 

Answer 1

Угловой 1,3 требует понятия <base href=""> см docs. Asuming вы измените следующий код, если он вам нужно, введите конфигурацию использовать маршрутизацию html5 (и удаление хэш)

app.config(['$stateProvider', '$locationProvider', function ($stateProvider, $locationProvider) { 

    $locationProvider.html5Mode({ 
     enabled: true, 
     requireBase: false 
    }); 

    //[.. state stuff ..] 
}]); 

Перед угловых 1.3 это было просто $locationProvider.html5Mode(true)