Angularjs HTML5历史记录$locationProvider未与$stateProvider一起使用
在我的应用程序中,我已经尝试根据我看到的每个博客帖子正确设置了它,但我无法在Angularjs HTML5历史记录$locationProvider未与$stateProvider一起使用,angularjs,angular-ui-router,state,yeoman-generator-angular,Angularjs,Angular Ui Router,State,Yeoman Generator Angular,在我的应用程序中,我已经尝试根据我看到的每个博客帖子正确设置了它,但我无法在/url上加载应用程序。我用yeoman的angular generator构建了这个应用程序,所以它使用grunt来启动连接服务器。但是转到localhost:9000不再显示应用程序,因为尝试添加$locationProvider并将html5location设置为true angular.module('bidrAdminApp', ['sky','ui.router','ngSanitize']) .conf
/
url上加载应用程序。我用yeoman的angular generator构建了这个应用程序,所以它使用grunt来启动连接服务器。但是转到localhost:9000
不再显示应用程序,因为尝试添加$locationProvider
并将html5location设置为true
angular.module('bidrAdminApp', ['sky','ui.router','ngSanitize'])
.config(function ($stateProvider,$urlRouterProvider,$locationProvider) {
$stateProvider
.state('Home',{
url: '',
templateUrl: 'views/index.html',
controller: 'ApplicationCtrl'
})
.state('Home.Events', {
url: '/events',
templateUrl: 'views/events/index.html',
controller: 'EventsCtrl'
})
.state('Home.Event',{
url: '/events/{eventId}',
templateUrl: 'views/events/event/index.html',
controller: 'EventCtrl'
})
.state('Home.Event.Overview',{
parent: 'Home.Event',
url: '/overview',
templateUrl: 'views/events/event/overview.html',
})
.state('Home.Event.Settings',{
parent: 'Home.Event',
url: '/',
templateUrl: 'views/events/event/settings.html',
});
$urlRouterProvider.otherwise('');
$locationProvider.html5Mode(true);
});
我在base index.html文件的头部也有
如果我将Home
状态更改为url:'/admin'
,则可以转到/admin
,但这不是期望的结果。不确定是否缺少配置。更改此行:
$urlRouterProvider。否则(“”)代码>
关于这一行:
$urlRouterProvider。否则('/')代码>尝试将您的主状态url和默认url更改为'/'