값은 요소가 여기에 개체

Question

있는 배열 사라하면 코드의

Object {candidates: Array[0], vote_begin: true, department: "机械与运载工程学部", vote_type: "预选", ballot_type: "记分"} 

우리는 후보자를 볼 수는 하늘의 배열이며, I는 HTTP 포스트를 할 때 $ scope.voteData로 요청하면 후보자가 비어 있습니다. 나는 세부 볼 때 :

Object 
ballot_type:"记分" 
candidates:Array[4] 
department:"机械与运载工程学部" 
vote_begin:true 
vote_type:"预选" 
__proto__:Object 

우리는 후보자를 볼 수있는 네 개의 요소가를 $ http.post가 ('/ 관리/r_candidate', postData를가) 반환하기 때문에 내가 기대되는 :

{status: 0, data: {candidateInfos: [,…], total: 4}} 
data:{candidateInfos: [,…], total: 4} 

왜 후보가 빈 배열이되는지 모르겠습니다.

Answer 1

async javascript가 반복되는 논리 문제입니다.

당신은

$scope.get_candidate(); //async data inside 
console.log($scope.voteData); 

는 그것은 success 기능

$http.post('/admin/r_candidate', postData) 
    .success(function (response) { 
    console.log(response.data); 
    $scope.voteData.candidates = response.data.candidateInfos; 
}); 

안에 당신은/결과를 처리해야 할 수 request

은 $ HTTP에서 당신이 결과를 얻을보다 console.log() 빠르게 실행됩니다 실행하면 이것은 anglejs 버전에 따라 the .then syntax을 사용해야한다고 말했습니다.

여기

Answer 2

문제는 결과가 반환되기 전에, 당신은 내가 "빨리"단어의 부적절한 선택이라고 생각

function asyncGreet() { 
      var deferred = $q.defer(); 
      var postData = { 
       department: $scope.voteData.department, 
       group: $scope.voteData.group 
      }; 
      $http.post('/admin/r_candidate', postData) 
        .success(function (response) { 
      $scope.voteData.candidates = response.data.candidateInfos; 
      deferred.resolve(); 
        });); 

      return deferred.promise; 
     } 

     var promise = asyncGreet(); 
     promise.then(function() { 
      console.log($scope.voteData); 
     }