2014-09-03 64 views
0

我有一個項目,我就在那裏我有一個JSON陣列的工作(這在以後從Web服務)Angular.js使用JSON

,我試圖用NG-重複NG-重複沒有數據將該數據加載到表中。 (我以前做過這個,這個時候它只是滑倒貼上我,我錯過了什麼)

我貼的代碼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 
     }); 
}); 
+0

一件事......你有沒有''​​。 – MikeSmithDev 2014-09-03 16:41:06

+0

刪除以進行調試。 – 2014-09-03 16:43:50

回答

2

你可以看看this simple exaple
1.你需要用在TD標記所有的數據
2.訪問您的數據 - 你需要做的,像data.appointments
3.在ng-repeat你需要訪問的每個項目在約會陣列 - 所以這是appointment

3

嘗試訪問appointment.startDatetime,而不是appointments.startDatetimeproviderNameapptLocation相同。基本上在約會中刪除s

2

它不應該是

$scope.appointments = data.appointments 

? 然後你必須訪問

appointment.<field_name>