Question

我创建了一个离子应用程序，只要用户成功登录，就会设置令牌值。然后，它将使用$ state.go将用户重定向到另一个选项卡＆＃34; tab.scan＆＃34;。

当用户点击＆＃34; tab.details＆＃34;在导航栏上的标签中，它会将用户重定向到＆＃34; tab.details＆＃34;没有传递任何参数。

然而，＆＃34;细节＆＃34;页面无法获取存储令牌的值。我该怎么做呢？

当网址为url: '/details'而不是url: '/details/:store_id/:invoice_id'时，它可以正常工作。

登录代码

.controller('LoginCtrl', function ($scope, LoginService, $ionicPopup, $state, $stateParams) {
    $scope.data = {};
    $scope.token = { token: "" };

    $scope.login = function () {
        LoginService.loginUser($scope.data.username, $scope.data.password).success(function (data) {
            //Set login token
            localStorage.setItem("token", $scope.data.username);
            //Redirect the user to scan tab
            $state.go('tab.scan', { store_id: $scope.data.store_id });
            //Popup alert for welcome message
            var alertPopup = $ionicPopup.alert({
                title: 'Login Success!',
                template: 'Welcome ' + localStorage.getItem("token") + '!'
            });
        }).error(function (data) {
            //Failed login, popup error message
            var alertPopup = $ionicPopup.alert({
                title: 'Login Failed!',
                template: 'Please check your credentials!'
            });
        });
    }
})

标签代码

.state('tab.details', {
      cache: false,
      url: '/details/:store_id/:invoice_id',
      views: {
        'tab-details': {
          templateUrl: 'templates/tab-details.php',
          controller: 'DetailsCtrl'
        }
  }
})

详细控制器代码

.controller('DetailsController', function ($scope, $http, $state, $ionicPopup, $stateParams) {
    $scope.token = localStorage.getItem("token");
    console.log($scope.token);
    if ($scope.token == "logOut") {
        $state.go('login');
        var alertPopup = $ionicPopup.alert({
            title: 'Login Required!',
            template: 'Please login to access.'
        });
    }
    else {
    }
})

Answer 1

$ scope是相对于每个控制器的，除非login是父状态$ scope不会级联到子状态。您需要在可以从任何控制器调用的服务中设置令牌，或者您可以在$ rootScope上设置它，以便它随处可用。您是否要使用$ rootScope将$ scope.token更改为$ rootScope.token。

检查localstorage值并在IONIC的state.go中传递参数

1 个答案: