Следующая информация взята из: https://scotch.io/quick-tips/pretty-urls-in-angularjs-removing-the-hashtag
Это очень легко получить чистые URL-адреса и удалить хэштег из URL-адреса в Angular. По умолчанию, AngularJS будет маршрутизировать URL-адреса с хэштегом. Пример:
Есть 2 вещи, которые необходимо выполнить.
В режиме «Угловая» служба определения местоположения анализирует URL-адрес в адресной строке и вносит изменения в ваше приложение и наоборот.
Я бы настоятельно рекомендовал прочесть официальную Angular $ location docs, чтобы получить представление о службе определения местоположения и о том, что она предоставляет.
https://docs.angularjs.org/api/ng/service/$location
$ locationProvider и html5Mode
angular.module('noHash', [])
.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl : 'partials/home.html',
controller : mainController
})
.when('/about', {
templateUrl : 'partials/about.html',
controller : mainController
})
.when('/contact', {
templateUrl : 'partials/contact.html',
controller : mainController
});
// use the HTML5 History API
$locationProvider.html5Mode(true); });
Что такое API истории HTML5? Это стандартизованный способ управления историей браузера с помощью скрипта. Это позволяет Angular изменять маршрутизацию и URL-адреса наших страниц без обновления страницы. Для получения дополнительной информации об этом, вот хороший API-интерфейс истории HTML5:
http://diveintohtml5.info/history.html
Настройка для относительного Ссылки
в
вашего документа. Это может быть в корневом файле index.html вашего приложения «Угловое». Найдите тег
и установите его в URL-адрес корня, который вы хотите использовать для своего приложения. Например:
Откат для старых браузеров
In Conclusion