javascript - 在两个不同的函数之间共享 $scope.data

Question

getTopicContent.request().finally(function(){
    $scope.loader= false;
}).then(function(response){
    $scope.threadContent = response.data;


})


$scope.loadPages = function($scope) {
    console.log($scope.threadContent.totalPages);
}

它返回了未定义的threadContent。 getTopicContent 是服务，但我希望 $scope.threadContent 可以与 $scope.loadPages 函数共享？

Answer 1

由于您是异步加载内容，因此您不能期望数据以同步方式可用。 loadPages 函数在访问数据之前应该依赖于 promis 解析。例如，您可以这样重写代码:

function getContent() {
    return getTopicContent.request().then(function (response) {
        return response.data;
    }).finally(function () {
        $scope.loader = false;
    });
}

$scope.loadPages = function ($scope) {
    getContent().then(function(data) {
        $scope.threadContent = data;
        console.log($scope.threadContent.totalPages);
    });
}

另请阅读此相关问题 description .