Wie man den Wert von der JSON API in die Winkelschablonen-Richtlinie einträgt

Question

iam newbie und ich möchte fragen.

Ich möchte einen Wert von JSON API (Titel, Kurs_ID, etc) erhalten, und den Wert zu meiner Vorlage mit Direktive setzen. Bei Index kann ich meine Zeitangaben mit Daten aus der API wiederholen.

Wie bekomme ich Wert von diesem JSON?

Das ist mein Code:

meine API

{ 
"count": 1, 
"next": null, 
"previous": null, 
"results": [ 
    { 
     "url": "http://192.168.1.37:8000/api/courses/a/", 
     "title": "I Love You",  <-- I want to put this Value to my Template 
     "course_id": "1", 
     "starting_date": "2016-10-03" 
    } 
      ] 
} 

-Controller demo.js

demo.controller("demo", function($scope, $http) { 
$http.get('http://192.168.1.37:8000/api/courses/'). <-- Data From my API 
    then(function(response) { 
     $scope.courses = response.data; 
    }); 


    }); 

demo.directive("demoItemDirective", function() { 
    return { 
     scope : { demoInfo : "=info"}, 
     templateUrl : "/app/demo.tmpl" <-- My Template 
    }; 
    }); 

My Template demo.tmpl

<p>{{demoInfo.count}}</p>    <-- Works, count Displayed 
<p>{{demoInfo.results.title}</p>   <-- Not works, title not displayed 

Mein Index.HTML

<div ng-repeat="group in courses | groupCount:2"> 
    <div ng-repeat="x in group"> 
     <demo-item-directive info="x"></demo-item-directive> 
    </div> 
    </div> 

Answer 1

Nach Ihrem Beitrag, der result ist ein Array:

"results": [ 
    { 
     "url": "http://192.168.1.37:8000/api/courses/a/", 
     "title": "I Love You",  <-- I want to put this Value to my Template 
     "course_id": "1", 
     "starting_date": "2016-10-03" 
    } 
] 

So können Sie nicht beziehen sich auf die title selbst, können Sie das erste Element zu verweisen haben:

{{demoInfo.results[0].title}}

Answer 2

Es sollte

sein

<p>{{demoInfo.results[0].title}</p> 

Ihr Ergebnis ein Array von Objekt enthalten.

Sie müssen mit Index zugreifen.