$ locationProvider.html5Mode не является функцией

Question

Эй, я пытаюсь включить HTML5 в моем угловом проекта на основе этого блога, но с использованием UI-маршрутизатор https://scotch.io/tutorials/pretty-urls-in-angularjs-removing-the-hashtag и угловые документы

https://docs.angularjs.org/api/ng/provider/ $ locationProvider

В основном я продолжайте получать сообщение о том, что html5Mode не является функцией, и это путает меня в том, почему.

Я включил его в свой файл конфигурации и адаптировал URL-адреса, включая базовый URL-адрес. Все работает нормально, но как только я добавляю

$locationProvider.html5Mode() 

У меня ошибка, говоря, что это не функция. Поэтому, я думаю, мой вопрос заключается в том, что имя функции изменено, я пропущу зависимость, и если нет, почему это не работает? Заранее благодарю вас за то, что нашли время, чтобы помочь мне.

angular.module('myApp', [ 
    'ui.router', 
    'ui.bootstrap', 
    'ngTouch', 
    'ngAnimate', 
    'myApp.version' 

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


    $locationProvider.html5Mode({ 

     enabled: true 

    }); 

    $stateProvider 
     .state('home' , { 

     url: '/home', 
     templateUrl: 'app/landingPage/landingPage.html' 

     }) 

     .state('landingPage', { 

     url: '/landing-page', 
     templateUrl: 'app/homePage/homePage.html' 


    }) 



}]); 

Answer 1

Вы забыли ввести $ urlRouterProvider в качестве своего второго параметра.