使用restangular promises在angularJS中创建服务

时间:2015-11-25 02:08:46

标签: javascript angularjs restangular wordpress-rest-api

好的,这让我很生气,基本上我要做的是创建一个服务来获取和评估用户功能,我正在使用WP REST API。我使用restangular来获取我的JSON数据。

在这个阶段,我正在测试控制器本身的功能,但无论我在哪里测试它,无论是在我的自定义服务中使用this.method还是在控制器内部,无论是否使用$ scope,结果总是未定义的。我知道我在函数内部返回true或false的方式中缺少某些东西,或者在JS中的promise中有一些根本不同的东西。这是代码:

    var current_user = parseInt(o2_i18n.user_id),
        currentUserCapabilities,
        capability;

    $scope.currentUserCan = function(capability) {
        if(current_user !== '0') {
            wpAPIResource.one('users').get()
            .then(function(allUsers){
                for (var i = 0; i < allUsers.length; i++) {
                    if ( allUsers[i].id === current_user ) {
                        var currentUserCapabilities = allUsers[i].capabilities;
                        for(var prop in currentUserCapabilities){
                            if (capability === prop) {
                                //$log.log( prop );
                                return prop;
                            } else {
                                //$log.log( prop );
                                return false;
                            }
                        }
                    }
                }
            }, function(reason){
                $log.error(reason);
            });
        } else {
            //The user is not logged in, therefor no capabilities
            return false;
        }
    };

    $log.log($scope.currentUserCan('publish_posts'));

    if ( $scope.currentUserCan('publish_posts') ) {
        $log.log( 'Yes I Can!' );
    } else {
        $log.warn('No Can\'t Do!');
    }

1 个答案:

答案 0 :(得分:1)

如果currentUserCan,您的current_user !== '0'功能不会返回任何内容。你应该让它返回一个承诺,例如(以下你需要注入$q服务)

$scope.currentUserCan = function(capability) {
    if(current_user !== '0') {
        // note the "return" here
        return wpAPIResource.one('users').get().then(function(allUsers){
            for (var i = 0; i < allUsers.length; i++) {
                if ( allUsers[i].id === current_user ) {
                    var currentUserCapabilities = allUsers[i].capabilities;
                    for(var prop in currentUserCapabilities){
                        if (capability === prop) {
                            return prop;
                        }
                    }
                }
            }
            return false;
        }, function(reason){
            $log.error(reason);
            return $q.reject(reason); // you still want the promise to fail
        });
    } else {
        return $q.resolve(false);
        // this turns the static value into a promise so the API for this
        // function is consistent
    }
};

然后使用像这样的函数

$scope.currentUserCan('publish_posts').then(function(can) {
    if (can) {
        $log.log('Yes I Can!');
    } else {
        $log.warn("No Can't Do!");
    }
});

我还清理了一下你的循环。在您的OP中,内循环没有任何意义,如果在return数组中找不到用户,则您没有allUsers值。