检查本地存储值并在 IONIC 中的 state.go 上传递参数


Check localstorage value and pass parameters at state.go in IONIC

我创建了一个离子应用程序,每当用户成功登录时,该应用程序都会设置令牌值。然后,它将利用$state.go将用户重定向到另一个选项卡"tab.scan"。

当用户单击导航栏上的"tab.details"选项卡时,它会将用户重定向到"tab.details"而不传递任何参数。

但是,"详细信息"页面无法获取存储令牌的值。我该怎么做呢?

当 url 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 {
    }
})

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