Эта простая (?) Проблема объявления строк в C ++, похоже, победила StackExchange? [закрыто]

Следующая информация взята из: https://scotch.io/quick-tips/pretty-urls-in-angularjs-removing-the-hashtag

Это очень легко получить чистые URL-адреса и удалить хэштег из URL-адреса в Angular. По умолчанию, AngularJS будет маршрутизировать URL-адреса с хэштегом. Пример:

Есть 2 вещи, которые необходимо выполнить.

  • Настройка $ locationProvider
  • Настройка нашей базы для относительных ссылок
  • $ location Service

В режиме «Угловая» служба определения местоположения анализирует URL-адрес в адресной строке и вносит изменения в ваше приложение и наоборот.

Я бы настоятельно рекомендовал прочесть официальную Angular $ location docs, чтобы получить представление о службе определения местоположения и о том, что она предоставляет.

https://docs.angularjs.org/api/ng/service/$location

$ locationProvider и html5Mode

  • Мы будем использовать модуль $ locationProvider и установить html5Mode в true.
  • Мы сделаем это при определении вашего углового приложения и настройка маршрутов.
    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-адрес корня, который вы хотите использовать для своего приложения.

Например:

  • Там есть много других способов настроить это, и режим HTML5, установленный в true, должен автоматически разрешать относительные ссылки. Если ваш корень вашего приложения отличается от вашего url (например, / my-base, а затем используйте его в качестве базы.

Откат для старых браузеров

  • Служба $ location автоматически отменит метод hashbang для браузеров, которые не поддерживают API истории HTML5.
  • Это происходит прозрачно для вас, и вам не придется настраивать что-либо для его работы. Угловые $ location docs вы можете увидеть метод резервного копирования и то, как он работает.

In Conclusion

  • Это простой способ получить красивые URL-адреса и удалите хэштег в своем угловом приложении. Получайте удовольствие, делая эти суперчистые и супер быстрые угловые приложения!

-12
задан Georgina Davenport 22 March 2016 в 01:29
поделиться