변수에 대한 AngularJS 서비스

Question

데이터를 변수에 저장하는 방법이 있습니까?

$scope.another = 
     function(){ 
      var new_data; 
      userService.getInfo().success(function(data){ 
       new_data = data; 
      }); 
      return new_data; 
     }; 

var data = $scope.another(); 

을 있지만 콘솔 로그에 '정의되지 않은'반환 :

나는 시도했다.

편집 주셔서 감사합니다

지금 new_data에 대한 하늘의 배열을 얻는다.

var new_data = []; 

$scope.another = 
       function(callback){ 
        userService.getInfo().success(function(data){ 
         paymentService.getCashierParams({ "cardNumber": data.cardNumber}).success(function(data){ 
          gameService.getAllgames({ "PID":data.GetCashierParameters.PID, "limit": 6, "skinID": 1}).success(function(data) { 
           callback(data.data.GetFlashGamesResult.Data.FlashGame); 
          }); 
         }); 
        }); 
       }; 
      $scope.another(function(result){ 
        new_data = result; 
       }); 
       console.log(new_data); 

Answer 1

이 문제를 다르게 생각해야합니다. getInfo 메서드는 약속을 반환합니다. 약속의 성공 콜백은 즉시 호출되지 않습니다. 언젠가는 나중에 호출 될지도 모르지만 코드는 계속 실행되고 $scope.another의 반환 값은 undefined이 될 것입니다.

을 실행하려는 로직을 성공 콜백 내에 넣으십시오.

userService.getInfo().success(function (data) { 
    // Do stuff with data. 
}); 

비동기 데이터로 작업하는 데 익숙하지 않은 경우 이상하게 보일 수 있습니다. 그러나 네트워크 요청, 데이터베이스 읽기 등이 완료되는 동안 잠재적으로 수 초 동안 페이지를 매달리는 대안보다 훨씬 낫습니다.

들여 쓰기가 걱정되면 별도의 기능을 만들어 데이터를 처리 할 수 ​​있습니다.

function processData(data) { 
    // Process stuff... 
    return data; 
} 

function handleData(data) { 
    data = processData(data); 
    console.log(data); 
} 

userService.getInfo().success(handleData); 

Answer 2

이는 사용자가 호출 한 비동기 기능 때문입니다. 대신 콜백을 사용해보십시오. 이런 식으로 뭔가 :

$scope.another = 
    function(fn){ 
     userService.getInfo().success(function(data){ 
      fn(data); 
     }); 

    }; 


    var data = $scope.another(function(doSomething) { 
    alert(doSomething); 
    return doSomething; 
};