AngularJS Array每次在同一索引上显示所有字段ID

Question

我有一个静态数组，我试图通过ng-repeat显示该数组的特定字段，但我的数组每次都显示单个索引上的ID字段。

这就是我的输出屏幕截图

您可以在下面找到我的代码，

function monthCalendarController($scope, $http, $rootScope, $filter, $location, WebService, CalendarEventService) {
    $scope.eventSelected = function(event) {
        var params = {
            id: event.event.id
        };
        var url = $rootScope.url + '/v1/show_event';
        var token = window.localStorage['token'];
        var result = WebService.makeServiceCallHeader(url, params, $rootScope.POST, token);
        result.then(function(response) {
            if (response.status == 200) {
                CalendarEventService.addEvent(response.data.event);
                $location.path("/calendarEvent");
            } else {
                WebService.showAlert('Problem in Loading');
            }
        }, function(response) {
            console.log('' + JSON.stringify(response));
        });
    };
    $scope.persons = [
        { "id": 1, "name": "A", "select": true }, 
        { "id": 2, "name": "B", "select": true }, 
        { "id": 3, "name": "C", "select": true }, 
        { "id": 4, "name": "D", "select": true }, 
        { "id": 5, "name": "E", "select": true }, 
        { "id": 6, "name": "F", "select": true }, 
        { "id": 0, "name": "G", "select": true }
    ];
    console.log($scope.counts);
    $scope.selectDate = function(date) {
        $scope.selectedDate = date.date;
        $scope.showEventsDiv = true;
    };
};

HTML

<div ng-controller="monthCalendarController">
    <table class="table table-bordered monthview-datetable monthview-datetable">
        <thead>
            <tr>
                <th ng-show="showWeeks" class="calendar-week-column text-center">#
                </th>
                <th ng-repeat="label in labels track by $index" class="text-center">
                    <small>{{label}}
                    </small>
                </th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="row in rows track by $index">
                <td ng-show="showWeeks" class="calendar-week-column text-center">
                    <small>
                        <em>{{ weekNumbers[$index] }}</em>
                    </small>
                </td>
                <td ng-repeat="dt in row track by dt.date" 
                    class="monthview-dateCell" 
                    ng-click="select(dt.date)" 
                    ng-class="{\'text-center\':true, \'monthview-current\': dt.current&&!dt.selected&&!dt.hasEvent,\'monthview-secondary-with-event\': dt.secondary&&dt.hasEvent, \'monthview-primary-with-event\':!dt.secondary&&dt.hasEvent&&!dt.selected, \'monthview-selected\': dt.selected}">

                    <div ng-class="{\'text-muted\':dt.secondary}" ng-click="selectDate(dt.date)">
                        <p ng-repeat="person in persons">
                            {{person.id}}!
                        </p>
                        {{dt.label}}
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
    <div ng-if="showEventDetail" class="event-detail-container" ng-show="showEventsDiv">
        <div class="scrollable" style="height: 200px">
            <div class="col-md-12 col-xs-12" style="font-size: 18px; padding-left: 15px;">
                <i class="ion-calendar">&nbsp;
                </i>{{selectedDate.date |date:\'MM/dd/yyyy\'}}
            </div>
            <div style="clear: both">
            </div>
            <div class="item item-divider event">
                Events
            </div>
            <table class="table table-bordered table-striped table-fixed">
                <tr ng-repeat="event in selectedDate.events" ng-if="selectedDate.events">
                    <td ng-if="!event.allDay" class="monthview-eventdetail-timecolumn cal-date-txt">
                        {{event.startTime|date: \'HH:mm\'}} {{event.endTime|date: \'HH:mm\'}}
                    </td>

                    <td ng-if="event.allDay" class="monthview-eventdetail-timecolumn">
                        All day
                    </td>

                    <td class="event-detail cal-date-txt day" ng-click="eventSelected({event:event})">
                        {{event.title}}
                    </td>
                </tr>
                <tr ng-if="!selectedDate.events">
                    <td class="no-event-label">No Events</td>
                </tr>
            </table>
        </div>
    </div>
</div>

Array始终显示ID单索引。

有人可以解释并帮助我吗？我还是不知道为什么。