$ 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作为第二个参数。