javascript - $location.path() 无法正常工作

Question

当用户未经授权时，此代码会更改路径，但仅在页面重新加载后查看更新。$state.reload() 和 $rootScope.apply() 没有帮助。

$rootScope.$on('$stateChangeStart', function (event, next) {
  if (!$localStorage.authenticate) {
        $rootScope.authenticate = false;

     if (next.url == '/reset_password/:token') {
          console.log('reset password page');
        }
        else if (next.url == '/forgot_password') {
          $location.path(next.url);

        }
        else {
          $location.path('/login');
        }
      }
      else {
        $rootScope.authenticate = true;
        if ((next.url == '/login') || (next.url == '/forgot') || (next.url == '/reset_password/:token')) {
          $location.path('/index');


        }
        $rootScope.userName = $localStorage.userName;
        API.getService('/login').get(function (res) {
          if (!res.logged) {
            $location.path('/login');
            delete $localStorage.userName;
            $localStorage.authenticate = false;
          }
        })
      }
    });

Answer 1

在 ui 路由器中，您不应使用 $location

要更改状态，您必须使用此:

 $state.go("mystatename", {urlParam:value});

在 HTML 中不要使用 href，而是使用 ui-sref :

 ui-sref = "mystatename({urlParam:value})"

希望它能解决您的问题。