실행 코드를 먼저 한 후

Question

그래서이 내 공장 코드 :

app.factory('simpleFactory', function ($http) { 
    var factory = {}; 

    factory.getArray = function (srchWord) { 

     **Here i have a code that uses $http to fill a array called result with values. 

      return result; 
     }; 

    return factory; 
}); 

그리고 이것은 내 범위 내 코드입니다 :

$scope.search = function() { 

     $scope.arrayValue = simpleFactory.getArray($scope.searchWord); 

     $scope.booleanValue = ($scope.arrayValue.length <= 0); // <-- PROBLEM! This gets executed before getArray() is finished. 

}; 

내 문제가 $scope.booleanValue = ($scope.arrayValue.length <= 0)을 것입니다 $scope.arrayValue이 값 형식 $simpleFactory.getArray($scope.searchWord)을 얻기 전에 실행됩니다.

이

$scope.arrayValue = simpleFactory.getArray($scope.searchWord); 

Answer 1

우선 팩토리 메소드 getArray에서 promise을 반환 :
그래서 내 질문은의 getArray 기능이 내 코드를 해고 완료 될 때까지 기다릴 수있는 방법입니다.

app.factory('simpleFactory', function ($http) { 
    var factory = {}; 

    factory.getArray = function (srchWord) { 

     return $http.query(....); // this returns promise; 
     }; 

    return factory; 
}); 

두 번째로 다음 약속을 기다리는 것이 좋습니다. 뭐라고 promise에 대한

scope.arrayValue = simpleFactory.getArray($scope.searchWord).then(function(data) { 
    $scope.arrayValue=data; 
    $scope.booleanValue = ($scope.arrayValue.length <= 0); 
}); 

읽기 $http이 그들을 사용하는 방법이다.

Answer 2

getArray 함수의 콜백으로 부울 값을 설정하거나 arrayValue에서 watch를 설정하고이를 기반으로 booleanValue를 업데이트 할 수 있습니다.

$scope.search = function() { 

    simpleFactory.getArray($scope.searchWord, function(result) { 
     $scope.arrayValue = result; 
     $scope.booleanValue = ($scope.arrayValue.length <= 0); 
    }); 

    // or 

    // initialize the value 
    $scope.arrayValue = []; 

    // *then* set the value, so it triggers the change on the $watch below  
    $scope.arrayValue = simpleFactory.getArray($scope.searchWord); 

    $scope.$watch('arrayValue', function(newValue,oldValue) { 
     $scope.booleanValue = (newValue.length <= 0); 
    }); 

};