2017-12-28 3 views
0

Hallo i Ergebnisse anzuzeigen, aus https://developer.edamam.com/edamam-docs-recipe-api wollen diese api oder sie in einem Array zu setzenWie Displlay Elemente aus API-Abfrage oder rüstet sich

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'; 
     }); 

}; 

Ich verstehe nicht ganz diese besondere api, oder wie kann ich tun Anzeige aller recepies (Namen, Bilder und andere Parameter, die es hat) aus Abfrageergebnis, dass die Nutzer Eingaben im Feld mit vm.searchText Textfeld dank für Hilfe im Voraus

vm.recepti ist ein emtpy Array,

enter image description here Wenn ich zum Abfrage-Link gehe, bekomme ich das jetzt, wie kann ich darauf zugreifen Eigenschaften?

+0

Das ist, wo Debugging-Hilfe. Überprüfen Sie, was "resp" eigentlich ist. Hat es irgendwelche 'Daten'-Eigenschaft? Ist diese "Daten" -Eigenschaft auch ein Objekt? Hat es eine 'Search'-Eigenschaft? Stellen Sie Fragen und Debugging und Sie werden etwas Sinnvolles finden. –

Antwort

0

Versuch, so etwas zu tun:

vm.recepti = resp.data.hits;

+0

danke, aber ich möchte nur diesen Teil: http://prntscr.com/thh7kk wenn ich versuche, resp.data.hits.recipe; Es funktioniert aus irgendeinem Grund nicht – StefanBRT

+0

Deshalb ist resp.data.hits ein Array mit N Elementen. Also, wenn Sie nur das erste Element wollen, können Sie darauf zugreifen wie: resp.data.hits [0] .recipe. Aber wenn Sie alle Elemente möchten, können Sie eine for-Schleife verwenden, um alle Elemente zu durchlaufen. Etwas genau so: resp.data.hits.forEach (Funktion (Element) { console.log (item.recipe); }); Es werden alle Rezepte aus einem Array gedruckt. – Matheus

+0

danke Mann, ich werde das versuchen – StefanBRT

Verwandte Themen