AngularJS : 서비스의 약속에서 반환 된 배열 검색

Question

저는 AngularJS 서비스를 가지고 있으며 서버의 JSON 객체를 사용하여 배열을 가져옵니다.

서비스에서 "getElementByID (ID)"함수가 필요합니다. (또는 요소를 XY로 가져옴)

내 문제는 검색을 시작할 때 목록이 아직 없다는 것입니다. 서비스 자체에서 약속을 해결하지 못하는 것 같습니다. 항상 외부에서 해결해야합니까? http://plnkr.co/edit/Hlyg3mGPi7RKFHmcK1ZM?p=preview

어떻게 서비스의 약속 배열을 검색 할 수 있습니다

나는 여기에 문제를 설명하는 Plunker을 만들어?

도움 주셔서 감사합니다.

Answer 1

당신이 맞다, 배열 작업을 위해서 - 먼저 .then으로 약속을 풀고 반환 값이 또 다른 약속이라는 사실을 사용해야합니다. 예를 들어

: 당신은 예를 들어, 한 번 데이터를 가져 오는 방법을 만들 수 있습니다

// return if in a service method 
var p = $http.get("http://jsonurl").then(function(result){ 
    return result.filter(function(el){ return el.id === "foo"}); 
}); 

p.then(function(value){ 
    // value is an array that contains only elements with property `id === "foo"` 
}); 

:

var data = null; 
function getData(){ 
    return $q.when(data || $http.get("http://jsonurl")).then(function(val){ 
     return data = val; // cache and return the result; 
    }); // either data, or cached data 
} 

을 지금을, 당신은 당신의 서비스에 getByPredicate를 만들 수 있습니다

function get(predicate){ 
    return getData().then(function(arr){ 
      return arr.filter(predicate); 
    }); 
} 

다음 중 어떤 것을 할 수 있습니까?

get(function(el){ return el.id === "foo"; }).then(function(values){ 
    //values is all the array elements with an id property whose value is foo. 
});