我控制器說：NG-重複無法檢索對象的數組數據

app.controller("PatientsController",function ($scope, $sce, $http,$window,$timeout){ 
      var myScope = $scope; 
      myScope.PatientList = []; 
      myScope.getPatients = function() { 
       $http.get('http://my-ip/dashboard/patientlist').then(function(data){ 
        myScope.PatientList = data.data; 
        console.log(myScope.PatientList); 

       }); 
      }; 
      myScope.getPatients(); 
     });

的console.log有：

[{ 
    "appointmentcount": "7", 
    "name": "A", 
    "phonenumber": "B", 
    "dateregistered": "2017-01-04 15:20:08" 
}, { 
    "appointmentcount": "27", 
    "name": "C", 
    "phonenumber": "D", 
    "dateregistered": "2017-01-04 15:43:51" 
}]

嘗試使用NG-重複是不會放棄任何輸出進行檢索：

<table class="table table-bordered table-condensed table-striped"> 
<div ng-repeat="pp in PatientList"> 
<tr> 
<td>{{pp.name}} </td> 
</tr> 
</div> <!-- div ends --> 
</table>

任何想法我錯過了什麼？

使用http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js

來源

2017-05-04 Satya

你有'NG-app'和'NG-controller'正確設置在HTML？ – Sajal

問題是與你的表標籤，做tr標籤，而不是DIV的NG-重複。還請確保您已添加ng-app和ng-controller。

<table> 
     <tr ng-repeat="x in PatientList"> 
     <td>{{ x.name }}</td> 
     <td>{{ x.phonenumber }}</td> 
     </tr> 
</table>

DEMO

var app = angular.module("myApp", []); 
 
app.controller("PatientsController", function($scope) { 
 
var myScope = $scope; 
 
myScope.PatientList = []; 
 
myScope.PatientList = [{ 
 
    "appointmentcount": "7", 
 
    "name": "A", 
 
    "phonenumber": "B", 
 
    "dateregistered": "2017-01-04 15:20:08" 
 
}, { 
 
    "appointmentcount": "27", 
 
    "name": "C", 
 
    "phonenumber": "D", 
 
    "dateregistered": "2017-01-04 15:43:51" 
 
}]; 
 
});

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 
<body ng-app="myApp" ng-controller="PatientsController"> 
 
<table> 
 
    <tr ng-repeat="x in PatientList"> 
 
    <td>{{ x.name }}</td> 
 
    <td>{{ x.phonenumber }}</td> 
 
    </tr> 
 
</table> 
 
</body> 
 
</html>

來源

2017-05-04 12:07:06 Sajeetharan

你剛剛救了我一命，並贏得了一個啤酒男人:)謝謝你 – Satya

這是真的。下一次複製您生成的html而不僅僅是模板。 – benams

@Sajeetharan，標記。謝謝 – Satya

你不應該在<div>使用ng-repeat一個<table>內。您可能需要重複<tr>。

<table class="table table-bordered table-condensed table-striped"> 
    <tr ng-repeat="pp in PatientList"> 
    <td>{{pp.name}}</td> 
    </tr> 
</table>

Working JSFiddle

來源

2017-05-04 12:09:53 Mistalis

NG-重複無法檢索對象的數組數據

回答

Working JSFiddle

相關問題