locationProvider美元.html5Mode不是一个函数

$locationProvider.html5Mode is not a function

本文关键字:一个 函数 美元 html5Mode locationProvider      更新时间:2023-09-26

嘿,我正试图在我的angular项目中启用html5基于这个博客,但使用ui-routerhttps://scotch.io/tutorials/pretty-urls-in-angularjs-removing-the-hashtag和angular文档

locationProvider美元https://docs.angularjs.org/api/ng/provider/

基本上我一直得到一个错误,说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'

  })

 }]);

你忘了注入$urlRouterProvider作为第二个参数。