2017-12-28 15 views
0
안녕하세요 내가 https://developer.edamam.com/edamam-docs-recipe-api에서이 API를 결과를 표시 또는 배열에 넣어하려는

배열에 넣어어떻게 Displlay 요소, 또는

vm.search = function(){ 
    var req2 = { 
     method: "GET", 


    url:"https://api.edamam.com/search?q="+vm.searchText+"&app_id=myID&app_key=myKey" 


    } 
    $http(req2).then(
     function(resp){ 
     console.log(resp); 
     vm.recepti = resp.data.Search; 
     console.log(vm.recepti); 


     }, function(resp){ 
      vm.message = 'error'; 
     }); 

}; 

내가 그나마 확실히이 특정 API를 이해하거나 내가 어떻게 할 사전에 도움을 vm.searchText 텍스트 상자 덕분 필드에서 사용자의 입력이

vm.recepti가 emtpy 배열,

것을 쿼리 결과에서 (그것이 가지고 이름, 이미지 및 기타 매개 변수) 모든 recepies를 표시

enter image description here 내가 쿼리 링크로 이동하면 지금 이걸 어떻게 얻을 수 있습니까? 이런 일을 할 수

+0

디버깅이 도움이되는 곳입니다. 'resp'가 실제로 무엇인지 확인하십시오. 'data' 속성을 가지고 있습니까? 이'data' 속성도 객체입니까? 'Search' 속성이 있습니까? 질문을 계속하고 디버깅을 계속하면 의미있는 것을 발견하게 될 것입니다. –

답변

0

시도 :

vm.recepti = resp.data.hits;

+0

감사하지만이 부분 만 원한다면 : http://prntscr.com/hth7kk 내가 resp.data.hits.recipe를 시도하면; 그것은 어떤 이유로 작동하지 않을 것입니다. – StefanBRT

+0

그래서 resp.data.hits는 N 요소가있는 배열입니다. 따라서 첫 번째 요소 만 원한다면 resp.data.hits [0] .recipe와 같이 액세스 할 수 있습니다. 그러나 모든 요소를 ​​원한다면 for 루프를 사용하여 모든 요소를 ​​반복 할 수 있습니다. 다음과 같이 표시됩니다. resp.data.hits.forEach (function (item) { console.log (item.recipe); }); 배열에서 모든 래서 피를 인쇄합니다. – Matheus

+0

남자, 고맙습니다. – StefanBRT