$ locationProvider.html5Mode不是一个函数

时间:2016-08-09 17:53:28

标签: javascript angularjs angular-ui-router

嘿我试图在我的角度项目中启用html5基于此博客,但使用ui-router https://scotch.io/tutorials/pretty-urls-in-angularjs-removing-the-hashtag和角度文档

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

基本上我一直都会收到一个错误,说html5Mode不是一个函数,这让我很困惑。

我已将其包含在我的配置文件中并调整了包含基本网址的网址。这一切都很好,但只要我添加

$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'


  })



 }]);

1 个答案:

答案 0 :(得分:1)

你忘了把$ urlRouterProvider注入你的第二个参数。