在angular中,如何使用$stateProvider来处理页面刷新,让页面在刷新时回到之前的状态
how to handle page refresh with $stateProvider as page goto previous state on refresh in angular?
我想在我的登录页面中使用$stateProvider处理页面刷新,当我点击链接时,他们是一个忘记的pwd链接,忘记pwd页面按照路由代码显示,但现在我有一个问题,当我刷新我忘记的pwd页面时,我的页面被重定向到登录页面,请告诉我如何解决这个问题?
这是我的login.html页面忘记了PWD链接:
<div class="input-element-row">
<div class="forgot-pass"><a ui-sref="forgot">Forgot password?</a></div>
</div>
下面是我的router.js中包含的路由代码:
angular.module("nk.login", [
'ngRoute',
'ngAnimate'
]).
config(['$stateProvider',function($stateProvider){
$stateProvider
.state('app.login', {
url: '/login',
views: {
"content": {
templateUrl: 'src/login/templates/login.html',
controller: 'loginController'
}
}
})
.state('app.forgotPassword', {
url: '/forgot',
views: {
"content": {
templateUrl: 'src/login/templates/forgotPassword.html',
controller: 'forgotPasswordController'
}
}
})
}]);
这是我的forgotpwd.html页面:
<div class="inputs-container">
<form name="forgotPassword" novalidate>
<div class="input-element-row">
<div class="rgt-input-box fl"><span class="center-icon action-icon"></span><input type="text"
ng-model="Nuser.center_code" placeholder="Center Code" name="CenterCode" value=""
ng-pattern = "/^[0-9a-zA-Z]*$/" maxlength="5" required ng-disabled="isDisable"/></div>
<div class="cb">
</div>
</div>
<div class="input-element-row">
<div class="rgt-input-box fl"><span class="user-icon action-icon"></span><input type="text"
placeholder="User ID" ng-model="Nuser.login_id" name="UserID" value=""
ng-pattern = "/^[0-9a-zA-Z]*$/" maxlength="10" required ng-disabled="isDisable"/></div>
<div class="cb"></div>
</div>
<div class="input-element-row">
<button type="button" name="send" ng-click="send(userLogin)">Send</button>
</div>
</form>
</div>
也许你的路由可以简化如下
angular.module("nk.login", [
'ngRoute',
'ngAnimate'
]).
config(['$stateProvider',function($stateProvider){
$stateProvider
.state('app.login', {
url: '/login',
templateUrl: 'src/login/templates/login.html',
controller: 'loginController'
})
.state('app.forgotPassword', {
url: '/forgot',
templateUrl: 'src/login/templates/forgotPassword.html',
controller: 'forgotPasswordController'
})
}]);
视图/内容属性有什么特殊的原因吗?
相关文章:
- AngularJS-状态更改时停止自动刷新页面
- 制作一个按钮倒计时计时器,该计时器将在5分钟后永久禁用,即使在页面刷新时也应保持禁用状态
- Selectbox选项在页面刷新jsp后保持选中状态
- 在浏览器刷新时保存XHR渲染状态
- 导航到子状态也会刷新其父状态
- 页面刷新后,所选选项卡处于非活动状态
- 维护手动页面刷新时通过AJAX加载的状态/内容
- Angular 1:最后一个复选框没有'刷新页面后不要保持选中状态
- Angular UI路由器无法识别页面刷新时的状态
- AngularJs:UI路由器浏览器刷新,移动到第一个子状态
- 如何在React.js中维护页面刷新后的状态
- 如何在使用 Firebase 登录或注销时更改状态而不刷新
- 刷新子组件更改时的应用状态
- 显示 ui 路由器模式而不刷新父状态
- 刷新窗口后,下拉列表未保持选中状态
- 如何在页面刷新之前保持悬停状态为非悬停状态
- HTML5历史API弹出状态重新加载野生动物园刷新页面无休止
- 保持表单数据处于页面刷新状态
- jQuery垂直选项卡保持在刷新状态
- 在React/Flux中保持刷新状态的最佳实践是什么?