javascript - 将参数传递给 angularjs/javascript 中的命名回调函数的问题

Question

我想分解angularjs $http success callback function这样我就不用两个(或N个)anonymous callback functions有一个命名的回调函数。

这是两个 Controller :

function CreateCurriculumCtrl($scope, $http, $location, select2Options){

    $scope.curriculumInfo = {};
    $scope.curriculumInfo.statusOK = true;
    $scope.select2Options = select2Options; 

    $scope.saveCurriculum = function(){
        $http.post('bignibou/curriculum/new', $scope.curriculumInfo).success(function(curriculumInfo) {
            if(curriculumInfo.statusOK == true){
                $scope.curriculumInfo.statusOK=true;
                $location.path('/view/'+curriculumInfo.curriculum.id);
            }
            else{
                $scope.curriculumInfo.statusOK = false;
                $scope.curriculumInfo.errors = curriculumInfo.errors;
            }           
        });
    };
}

function EditCurriculumCtrl($scope, $http, $location, select2Options, $routeParams){

    $scope.curriculumInfo = {};
    $scope.curriculumInfo.statusOK = true;
    $scope.select2Options = select2Options;
    $scope.id = $routeParams.id;

    $http.get('/bignibou/utils/findCurriculumById.json',{params: {id: $routeParams.id}}).success(
            function(curriculum){
                $scope.curriculumInfo.curriculum = curriculum;
            });

    $scope.editCurriculum = function(){
        $http.post('bignibou/curriculum/edit/'+$routeParams.id, $scope.curriculumInfo)
        .success(function(curriculumInfo) {
            if(curriculumInfo.statusOK == true){
                $scope.curriculumInfo.statusOK=true;
                $location.path('/view/'+curriculumInfo.curriculum.id);
            }
            else{
                $scope.curriculumInfo.statusOK = false;
                $scope.curriculumInfo.errors = curriculumInfo.errors;
            }           
        });
    };
}

我不确定该怎么做，因为将成为命名回调函数的东西有几个依赖项(即 $scope 和 $location)。

如果我从 angularjs Controller 中提取函数(命名回调)，那么命名回调不再访问其依赖项。

谁能帮忙找出成功回调函数并确保满足依赖关系？

Answer 1

只需将它们作为参数传递即可。

首先，$http.post 期望回调接受一个参数。所以我们编写了 post 期望的函数:

function (curriculumInfo) {
    // .....
}

但是函数体需要访问$scope 和$location。所以我们编写了一个函数来接受这些函数并返回 post 期望的函数:

function (scope,location) {
    return function (curriculumInfo) {
        // ... use scope and location in here
    }
}

现在我们可以适本地命名函数了。让我们看看，它正在处理对新类(class)的响应，所以我将其称为 new_curriculum_callback 或 new_curriculum_callback 或 handle_new_curriculum 以表明它是一个回调:

function handle_new_curriculum (scope,location) {
    return function (curriculumInfo) {
    }
}

现在可以调用它返回回调函数给post:

$http
    .post('bignibou/curriculum/new',$scope.curriculumInfo)
    .success(handle_new_curriculum($scope,$location));