mainApp.config(['$stateProvider', '$routeProvider', '$urlRouterProvider', '$httpProvider', '$locationProvider',
function($stateProvider, $routeProvider, $urlRouterProvider, $httpProvider, $locationProvider) {
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
$stateProvider
.state('page', {
abstract: true,
url: '/newgmr/admin',
views: {
'home': {
template: '<div ui-view="body"></div>'
}
}
}).state('page.login', {
url: '/',
views: {
'body@page': {
templateUrl: 'mainApp/landingPage/login.html',
controller: 'loginController'
}
}
})
.state('page.forgotpassword', {
url: '/forgot-password',
views: {
'body@page': {
templateUrl: 'mainApp/landingPage/forgotPassword.html',
controller: 'forgotPasswordController'
}
}
})
.state('page.resetpassword', {
url: '/reset',
views: {
'body@page': {
templateUrl: 'mainApp/landingPage/resetPage.html',
controller: 'resetPasswordController'
}
}
})
.state('admin.dashboard', {
url: '/dashboard',
views: {
'header@admin': {
templateUrl: 'mainApp/dashboardPage/header.html'
},
'leftPane@admin': {
templateUrl: 'mainApp/dashboardPage/leftPane.html',
controller : 'leftSidePaneController'
},
'body@admin': {
templateUrl: 'mainApp/dashboardPage/tabHolder.html'
},
'footer@admin': {
templateUrl: 'mainApp/dashboardPage/footer.html'
}
}
});
$urlRouterProvider.
otherwise('/');
我是棱角分明的新手。当我给,localhost / newgmr / admin它加载我的应用程序。但是当我尝试导航到任何其他状态时,通过在浏览器的URL中输入localhost / newgmr / admin / forgot-password来说忘记密码屏幕并点击回车,该应用程序显示404页面。但是,我可以通过点击一个链接来实现这一点,该链接将调用状态&#34; page.forgotpassword&#34;。我知道这是因为没有像forget-password这样的实际目录,并且该位置也没有index.html。所以,请帮助我如何实现这一目标。用户必须能够通过键入URL来导航到某个州。
如果提供的数据不够,请告诉我。