解析JSON数组中AngularJS

在angularjs.How荫新手显示使用angularjs.Below HTML的JSON是代码解析JSON数组中AngularJS

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" 
    } 
]

来源

2016-06-21 Teja

在你的控制器，你应该你的JSON分配到一个范围：

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

然后，在你看来，你可以这样做：

<div ng-controller="myctrl"> 
    <ul ng-repeat="obj in myArray"> 
     <li>{{obj.city}}</li> 
    </ul> 
</div>

来源

2016-06-21 10:47:46 user3632710

我已经试过这样的，但页面是空白 – Teja

使用ng-repeat这样。

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

plunker here

来源

2016-06-21 10:49:31

在Plunker其显示，但在我的网页中没有显示。我检查了两次JSON链接给它的响应。但数据不显示 – Teja

分享你的代码。用html和js –

编辑你的问题，我可以看到你的代码。 –

使用下面的代码，这可能帮助你。

这里的响应是一个字符串值。

来源

2016-06-21 10:56:18 Ajay

试试这个其中的记录是这样的..

{"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; 
      });

然后打印使用这样

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

来源

2017-06-19 09:19:30 upendtu

解析JSON数组中AngularJS

回答

相关问题