$ locationProvider.html5Mode不是函數

Question

嘿，我正在嘗試根據此博客在我的角度項目中啟用html5，但使用ui-router 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作為第二個參數。