[英]How to find nested json object with angularjs?
如何找到一個相當嵌套的JSON對象並通過AngularJS輸出? 我已經把它弄亂了一段時間了,但是我似乎無法正確地解決它。希望你們能幫助我!
HTML:
<div id="ng-app" ng-controller="AnalyticsCtrl">
<div ng-repeat="post in posts">
<span>{{post.title}}</span>
<span>{{post.counter}}</span>
</div>
</div>
JSON:我正在嘗試獲取帖子標題和計數器
{
"status" : "success",
"data" :
{
"activeVisitors" : "148",
"posts" :
[
{
"id" : 1,
"title" : "Bla blabla blablabl bla blablaba",
"counter" : "20"
},
{
"id" : 2,
"title" : "Blie bla blup wflup flel del",
"counter" : "18"
},
{
"id" : 3,
"title" : "Flel djep flep tro fro klel",
"counter" : "14"
}
]
}
}
按Ctrl:
'use strict';
var myApp = angular.module('myApp', []);
myApp.controller('AnalyticsCtrl', ['$scope', '$http', function($scope,$http) {
$http({method:'POST', url: 'jsonData.php', headers: {}})
.success(function(data) {
$scope.posts = data;
});
}]);
代替
<div ng-repeat="post in posts">
采用
<div ng-repeat="post in posts.data.posts">
要么
您也可以修改Controller並使用現有的HTML
調節器
$http({method:'POST', url: 'jsonData.php', headers: {}})
.success(function(data) {
$scope.posts = data.data.posts;
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.