Угловой Route - Extra # в URL

Question

Учатся некоторые Угловым - и я застрял на маршрутизацию

Вот моя угловая конфигурация

var meanApp = angular.module('carz', ['ngRoute']); 


meanApp.config(function($routeProvider) { 
    $routeProvider 
     .when('/', { 
      templateUrl: 'home.html', 
      controller: 'mainCtrl' 
     }) 
     .when('/red', { 
      templateUrl: 'red.html', 
      controller: 'redCtrl' 
     }); 
}); 

Здесь есть мои ссылки

<a href="#">Home</a> 
<a href="#red">Red</a> 

Когда Я загружаю приложение моего узла. Я направляюсь в

http://localhost:8080/#!/ 

И я получаю свой угловой контроллер, как ожидалось, в тегах ng-view

Но я не могу переключиться с одного контроллера на другой, используя приведенные выше ссылки.

Если я выбираю красный ярлык мой URL добавляет дополнительный # становится

http://localhost:8080/#!/#red 

Примечание, если я вручную изменить к

http://localhost:8080/#!/red 

Мои изменения контроллера, и он работает так, почему я получаю дополнительные #

С благодарностью за любую помощь

Answer 1

Поскольку AngularJS 1,6 есть ломка изменение маршрута:

Хэш-префикс $ местоположения хэш-BANG URL-адресов изменился с пустой строкой «» на ура «».

(см https://github.com/angular/angular.js/blob/master/CHANGELOG.md)

Решение:

либо начать использовать #! Вместо # или установить $ locationProvider принять только с помощью #, как это:

appModule.config(['$locationProvider', function($locationProvider) { 
    $locationProvider.hashPrefix(''); 
}]);