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;
});