AngularJS承诺范围

Question

我将AngularJS和ng-grid与RestAngular一起使用来检索数据。 由于我的数据以页面形式返回，因此网格的设置更为复杂，因此我决定将其放入指令中。 但是，当我解决RestAngular的诺言时，结果并不绑定到$scope 。

    $scope.gridService.get($scope.pagingOptions.currentPage,
                           $scope.pagingOptions.pageSize).then(function(result){
              $scope.gridData = result;
            });

结果， $scope.gridData等于promise决议中的一个数组，但外面不包含任何数组。 有没有办法将结果绑定到$scope ？

我已经在Controller完成了此操作，但是相同的模式在这里不起作用。 我在下面包含了完整的指令。

angular.module('viz').directive('grid', function() {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            gridCols: '=',
            gridService: '&'
        },
        template: '<div class="gridStyle" ng-grid="gridOptions"></div>',
        controller: function ($scope, $element, $attrs, $injector) {
            $scope.gridData = [];
            $scope.gridService = $injector.get($attrs.gridservice);

            $scope.pagingOptions = {
                pageSizes: [5, 10, 20],
                pageSize: 20,
                currentPage: 1
            };

            $scope.gridService.get($scope.pagingOptions.currentPage,
                                   $scope.pagingOptions.pageSize).then(function(result){
              $scope.gridData = result;
            });

            $scope.totalServerItems = $scope.gridData.meta.results;
            $scope.pagingOptions.currentPage = $scope.gridData.meta.page;

            $scope.gridOptions = {
                data: 'gridData',
                selectedItems: $scope.mySelections,
                multiSelect: false,
                enableHighlighting: true,
                enableRowSelection: true,
                enablePaging: true,
                showFooter: true,
                pagingOptions: $scope.pagingOptions,
                totalServerItems: 'totalServerItems',
                columnDefs: $scope.gridCols
            };

        },
        link: function(scope, element, attrs, fn) {

            scope.$watch('pagingOptions', function (newVal, oldVal) {
                if (newVal !== oldVal && newVal.currentPage !== oldVal.currentPage) {
                    scope.gridData = scope.gridService.get(
                        scope.pagingOptions.currentPage,
                        scope.pagingOptions.pageSize
                    );
                }
            }, true);

        }
    };
});

Answer 1

我发现了问题。 我需要将两个变量分配移到then函数中。 我相信这会导致诺言得以解决，但我不确定。

$scope.gridService.get($scope.pagingOptions.currentPage,
                       $scope.pagingOptions.pageSize).then(function(result){
     $scope.gridData = result;
     $scope.totalServerItems = $scope.gridData.meta.results;
     $scope.pagingOptions.currentPage = $scope.gridData.meta.page;
});