Ich benutze eine REST-Architektur auf dem Backend mit CakePHP 3, die ein JSON-Array mit diesem Format nach Firebug zurückgibt, es ist ein 200 OK, mit dieser Antwort:ng-Wiederholung zeigt keine Liste von JSON-Array in AngularJS 1.5, aber ich kann Werte einzeln sehen
{
"recipes": [
{
"id": 0,
"name": "modificadodsadasdas"
},
{
"id": 1,
"name": "dasdasdasdasdas"
}
]
}
Meine Datei index.html:
<html>
<head>
</head>
<body ng-app="AppRecetas">
<div ng-controller="RecetasCtrl">
<ul ng-repeat="recipe in recipes">
<li>{{recipe.name}}</li>
</ul>
</div>
<script src="js/angular.min.js"></script>
<script src="js/consumidor_rest.js"></script>
</body>
</html>
Und meine consumidor_rest.js, die die Daten von der REST-Webservice bringt (die auf demselben Server befindet):
var app = angular.module("AppRecetas", []);
app.controller("RecetasCtrl", function($scope, $http) {
$http.get('http://localhost/services/recipes/index.json').
success(function(data, status, headers, config) {
$scope.recipes = data;
}).
error(function(data, status, headers, config) {
// log error
});
});
Die Konsole von Firebug zeigt keine Fehler und der Ajax-Aufruf ist korrekt mit der richtigen Antwort. Aber die ng-Wiederholung zeigt nur einen einzelnen Punkt der ul ohne Wert. Wenn ich innerhalb des ng-Repeats verwende:
Ich kann das erste Element korrekt angezeigt sehen. Was läuft falsch ?. Ich denke, es ist ein Problem mit, wie das Array von CakePHP geliefert wird, aber ich bin mir nicht sicher ...
zu 'data.recipes' Einstellung' $ scope.recipes' Versuchen. – Kyle
müssen Sie sehen, was Sie als Antwort bekommen .. –