javascript - 当页面在 Angular 刷新时转到上一个状态时，如何使用 $stateProvider 处理页面刷新？

Question

我想在我的登录页面中使用 $stateProvider 处理页面刷新，当我单击链接时，它们是一个忘记密码链接，忘记密码页面按照路由代码出现，但现在我遇到了一个问题，当我刷新我的忘记密码时pwd 页面 我的页面被重定向到登录页面，请告诉我如何解决这个问题？

这是我的 login.html 页面，其中忘记了密码链接:

<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'
                  }
              }
          })
    }]);

这是我的forgetpwd.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>

Answer 1

也许你的路由可以简化如下

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'
      })
}]);

views/content 属性有什么具体原因吗？