在JSON对象上使用ng-repeat并不起作用 - 为什么?

时间:2015-10-03 12:03:37

标签: json angularjs google-calendar-api

我似乎无法使用ng-repeat迭代JSON对象。我通过索引直接测试它并且它可以工作,但似乎无法循环和打印。我究竟做错了什么?的 JSFiddle link

这是我的代码:

<div ng-app="myApp">

<div ng-controller="Ctrl">

    <h3>Upcoming Events</h3>

    <ul ng-repeat="event in events">
        <li>{{ event.feed.entry.title.$t }}</li>    
    </ul>

    <!-- testing single entry here - it works! -->
    <small>{{ events.feed.entry[0].title.$t }}</small>

</div>

</div>

脚本:

var app = angular.module('myApp', []);
var feedUrl = 'https://www.google.com/calendar/feeds/ogmda.com_89pas0l9jbhpf053atd83hdj30%40group.calendar.google.com/public/basic?alt=json';

app.controller('Ctrl', function($http, $scope) {
$http.get(feedUrl).success(function(data) {
    $scope.events = data;
    });
});

1 个答案:

答案 0 :(得分:1)

那是因为你迭代了日历查询返回的整个数据,而不是条目本身。将您的ul更改为:

<ul ng-repeat="entry in events.feed.entry">
    <li>{{ entry.title.$t }}</li>    
</ul>