Javascript 函数和设置 $scope 变量

Question

我有一个从我的 Controller 调用到我的服务的函数。

GridService.getHeaders($scope.grid);

服务如下...

    function getHeaders(grid){
    var deferred = $q.defer();
    $http.put('v1/headers', grid).success(function (data) {
        deferred.resolve(data);
    }).error(function (data, status, headers, config) {
        deferred.reject(data);
    });
    return deferred.promise;
}

我需要获取从中收到的数据并将其设置为 Controller 中的 $scope 变量...

$scope.headers = (Data from getHeader function)

然后它将被注入(inject)到这个函数中。抱歉，如果这一切看起来令人困惑......我最初的方式只是设置

$scope.headers = GridService.getHeaders($scope.grid);

但是 $scope.headers 始终返回空。

    function getFullHeaders(headers, highlightFilteredHeader){
        var returnArray = [];

        for(var i = 0; i < headers.length; i++ ){
            returnArray.push({
                field: headers[i].key, 
                displayName: headers[i].name,
                enablePaginationControls: true, 
                headerCellClass: highlightFilteredHeader,  
                enableFiltering: true,  
                enableSorting: true, 
                visible: true,  
                filter: { term: "", }
            });
        }

        return returnArray;
}

Answer 1

您的 getHeaders 方法返回一个 promise 。因此，如果您想对正在解决的 Promise 使用react，则必须使用 .then(fn)。

尝试:

GridService.getHeaders($scope.grid).then(function(response) {
    $scope.headers = response;
});