Question

我有一个项目，我正在处理我有一个json数组（稍后将来自Web服务）

我正在尝试使用ng-repeat将该数据加载到表中。（之前我已经这样做了，这次只是滑倒贴我的东西）

我在这里将代码发布到github：https://github.com/sheets/Sch

我也很乐意在这里发布代码：

<body ng-app="MyApp">
<div ng-controller="SchCtrl">

    <table class="table table-striped table-bordered">
        <thead>
        <th width="15%">Date and Time</th>
        <th width="50%">Provider</th>
        <th width="15%">Location</th>
        <th width="10%">Map</th>
        </thead>
        <tbody>
        <tr ng-repeat="appointment in appointments | orderBy:'startDatetime':true">
            {{appointments.startDatetime | date:'MM/dd/yyyy HH:mm'}}
            {{appointments.providerName}}
{{appointments.apptLocation}}</tr></tbody></table>


</div>
</body>

和app.js：

var app = angular.module("MyApp", []);

app.controller("SchCtrl", function($scope, $http) {
    $http.get('/appointments.json').
        success(function(data, status, headers, config) {
            $scope.appointments = data;
        }).
        error(function(data, status, headers, config) {
            // log error
        });
});

Answer 1

尝试访问appointment.startDatetime而不是appointments.startDatetime。 providerName和apptLocation也是如此。基本上删除约会中的s。

Answer 2

不应该是

$scope.appointments = data.appointments

？然后你必须访问

appointment.<field_name>

Answer 3

您可以查看this simple exaple
1.您需要将所有数据包装在TD标签中 2.要访问您的数据 - 您需要像data.appointments一样执行此操作 3.在ng-repeat中，您需要访问约会数组中的每个项目 - 这是appointment

Angular.js ng-repeat使用json重复数据

3 个答案: