Parsen von Json-Array in AngularJS

Iam Neuling in angularjs.Die Anzeige der json in html mit Hilfe von angularjs.Unten ist der code 

var app = angular.module('myapp', []);
app.controller('myctrl', function($scope, $http) {
    $http.get("http://localhost:8080/xyz").then(function (response) {

    });
});

Reponse is :

[
  {
    "city": "animal"
  },
  {
    "city": "bird"
  }
]
InformationsquelleAutor Teja | 2016-06-21
  1. 2

    In Ihrem controller, den Sie zuordnen sollten Ihre json, um einen Rahmen:

    app.controller('myctrl', function($scope, $http) {
    $scope.myArray = [];
    $http.get("http://localhost:8080/xyz").then(function (response) {
        $scope.myArray = response;
    });
});

    Dann in Ihrem Blick, die Sie tun können, so etwas wie:

    <div ng-controller="myctrl">
    <ul ng-repeat="obj in myArray">
        <li>{{obj.city}}</li>
    </ul>
</div>
    • hatte ich schon versucht ,aber die Seite ist leer
    InformationsquelleAutor user3632710
  2. 1

    verwenden ng-repeat wie diese.

    <div ng-repeat="t in test">
  <span>{{t.city}}</span>
</div>

    plunker hier

    • In Plunker seine Anzeige,aber in meiner Seite seine nicht angezeigt.Ich habe die JSON-link doppelt sein gibt die Antwort.Aber Daten werden nicht angezeigt
    • geben Sie den code. mit html und js
    • Bearbeiten Sie Ihre Frage, wo kann ich den code sehen.
    InformationsquelleAutor Durgpal Singh
  3. 0

    Den folgenden code verwenden, dieser könnte Ihnen dabei helfen.

    myArray = JSON.parse(response);

for ( var index in myArray ) {

var singleObject = myArray[index];
var keys = Object.keys[singleObject];
      for ( var j in keys ) {
            console.log("Value of key"+j+"is"+keys[j]+"in Object"+index);
      }
}

    Hier Antwort ist ein string-Wert.

    InformationsquelleAutor Ajay
  4. 0

    Versuchen, diese
    Wo Records ist wie diese..

    {"records":[{"ID":"235","user_id":"2","project_id":"186","project_cid":"2900669120142632939","imagePath":"media/pano/sv_02a29.jpg","ImageName":"1.jpg"},{"ID":"236","user_id":"2","project_id":"186","project_cid":"2900669120142632939","imagePath":"media/pano/sv_f0f59.jpg","ImageName":"253.jpg"},{"ID":"239","user_id":"2","project_id":"186","project_cid":"1997319193267363957","imagePath":"media/pano/sv_6536f.jpg","ImageName":"PANOCLOUD_meta.jpg"},{"ID":"240","user_id":"2","project_id":"186","project_cid":"6736594884768838469","imagePath":"media/pano/sv_898ca.jpg","ImageName":"Boscolo Hotel Budapest.jpg"}]}



$http.get("moderatorData.php").then(function (response) {
                $scope.panoramas = response.data.records;
            });

    Dann drucken Sie mit wie dieses

    <li class="align" ng-repeat="pano in panoramas>
<img ng-src="{{pano.imagePath}}"  style="height: 90px;" />
</li>
    InformationsquelleAutor upendtu
Schreibe einen Kommentar