Angularjs 通过 resolve 函数传递变量

Question

现在，当我的状态变为 cloud 时，我将 Auth Factory 设置为运行。我正在尝试将 :cloud_id 传递给那个 authCheck() 函数，但我不知道如何传递。

谁能指出我正确的方向来改变这个：

resolve: { authenticated: authenticated }

像这样：

resolve: { authenticated: authenticated(cloud_id) }

这是我的代码：

.factory('Auth', function($http, $state, $q) {

    var factory = { authCheck: authCheck };
    return factory;

    function authCheck(cloud_id) {
        return $http.post('/auth/check', {id:cloud_id});
    }

})
.config(function($stateProvider, $urlRouterProvider, $locationProvider) {

    $locationProvider.html5Mode(true);
    $urlRouterProvider.otherwise('/cloud');

    var authenticated = ['$q', 'Auth', '$rootScope', function ($q, Auth, $rootScope) { 
        var deferred = $q.defer();
        Auth.authCheck(cloud_id).then(function(){ deferred.resolve(); }, function(){ deferred.reject(); });
        return deferred.promise;
    }];

    $stateProvider

        .state('cloud', {
            url: '/cloud/:cloud_id',
            templateUrl: 'pages/templates/cloud.html',
            controller: 'cloud',
            resolve: { authenticated: authenticated }
        })

})

Answer 1

您可以像这样注入和使用 $stateParams：

var authenticated = ['$q', 'Auth', '$rootScope', '$stateParams', function ($q, Auth, $rootScope, $stateParams) { 
    var deferred = $q.defer();
    Auth.authCheck($stateParams.cloud_id).then(function(){ deferred.resolve(); }, function(){ deferred.reject(); });
    return deferred.promise;
}];

参见this plnkr。

Angularjs 通过 resolve 函数传递变量

Angularjs Passing variable through resolve function

javascript

angularjs

angular-ui-router