javascript - Angular 1.5 范围变量在 PouchDB 响应函数中不起作用

Question

所以我有以下代码...

testApp.controller(...) {

    $scope.results = [];
    $scope.hasData = true;

    $scope.results.push({
        "name": "test"
    }); // WORKS

    db.get('table_people').then(function(response) {
        console.log('success');

        $scope.results.push({
            "name": "test"
        });
    }); // this DOESN'T WORK even though the "success" message is printed...

});

正如您从注释中可以看出的那样，第一个 push 到数组的操作有效，但后一个则不行。第一个可以使用 {{ results }} 在 Angular 模板中打印出来，但后一个返回一个空数组。

编辑:通过使用$timeout找到了解决方案，因为摘要周期没有运行，但感觉像是被黑了一起解决。

编辑:解决方案...

db.get('table_people').then(function (response) {
    console.log('success');
    $timeout(function () {
        $scope.results = response.data;
    });
});

解决方案代码略有不同，因为由于代码功能，我不再需要测试数据，并且可以直接应用响应数据。

Answer 1

您缺少一个 $digest 周期标记。将数据推送到 $scope.results 后执行 $scope.$digest() 应该可以解决该问题。在这种情况下使用 $timeout 有点矫枉过正(以及要注入(inject)的附加服务)。