嵌套控制器和功能 - 返回值不確定

Question

我有一個包含一個XHR功能的主控制器，這樣

app.controller('mainCtrl', ['$scope', '$http', function ($scope, $http) { 

    $scope.xhr = function(requestData) { 

     var ajax = "/ajax/"; 

     $http({ url: ajax, data: requestData, method: 'POST' }) 
     .success(function(data) { 
       console.log(data); // data shows up in the console,, but after the undefined from directive controller 
       return data; 
     }) 
     .error(function(err){"ERR", console.log(err)}); 
    } 

}]); 

然後我有一個使用來自於它自己的控制器，主控制器XHR功能的指令,,像這樣

app.directive("register", function ($http) { 
return { 
    restrict: "E", 
    controller: function ($scope, $element, $attrs) { 

     $scope.register = {}; 
     $scope.request = {}; 
     $scope.response = {}; 

      $scope.createAccount = function() { 

       $scope.request= { 
        action: "register", 
        data: $scope.register 
       } 

       $scope.response = $scope.xhr($scope.request); 
       console.log($scope.response); 
      } 
    }, 
    templateUrl: "register.html" 
} 
}); 

當我觸發$ scope.createAccount功能指令的控制器，則返回值是不確定的。我無法弄清楚爲什麼。感覺有些事情顯而易見，我錯過了。

Answer 1

$http服務返回承諾，並且您在驗證承諾已解決之前將值分配給$scope.response。這意味着它在申報時是未定義的。

在您的xhr方法中，您應該返回$http調用。然後，在您的指令中：

$scope.xhr($scope.request).then(function(data){ 
    $scope.response = data; 
});