javascript - 如何将值从 JSON API 放入 Angular 模板指令

Question

我是新手，想请教

我想从 JSON API(标题、course_id 等)中获取一些值，然后将值放入带有指令的模板中。所以在 Index，我可以用来自 API 的数据重复我的模板。

如何从该 JSON 中获取值？

这是我的代码:

我的 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
    };
   });

我的模板 demo.tmpl

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

我的 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

应该是

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

您的结果包含一个对象数组。

需要通过索引访问。