2017-03-06 64 views
1

我是角度js的新手。我有一個json響應,我想要轉換爲對象列表並使用ng-repeat來顯示這些對象。我得到這些對象是其作爲列表遵循如何將數據從json轉換爲使用角度js的對象列表

1 : 
{"_id":"56e75b42c9cbbb7765414cdf", 
"email":"[email protected]", 
"phone":"02-653-2900", 
"display_name":"KFC", 
"registered_name":"KFC", 
"__v":0, 
"address": 
    {"country":"TH", 
     "state":"TH14, 
     "postcode":"10150", 
     "suburb":"Klongteay", 
     "address2":"Sukhumvit Rd", 
     "address1":"142 Two Pacific Place"}, 
"date_modified":"2016-03-15T00:45:54.631Z", 
"date_created":"2016-03-15T00:45:54.626Z", 
"status":"active", 
"logo":{"path_to_file":"90cf845d95.png"} 
} 

我已經保存在$ scope.results上述目的,我想這樣做

<div ng-repeat="user in results.data "> 
      <span>Phone </span><span>{{user.phone}}:</span> 
      <span>Display Name</span><span>{{user.display_name}}:</span> 
</div> 

我怎樣才能做到這一點?

+0

除了AngularJS,你可以使用一個簡單的'JSON.parse '。請參閱http://stackoverflow.com/questions/4935632/parse-json-in-javascript和https://msdn.microsoft.com/library/cc836466(v=vs.94).aspx – lealceldeiro

+0

小心你錯過了一個雙在國家值「地址」的最後一行中引用: {「country」:「TH」, 「state」:「TH14」,'除了它應該照原樣運行。 – nullbyte

+0

也發佈你的js代碼,你在'get','.then'或'.success'中使用哪一個? –

回答

0

創建一個新的控制器

angular.module('appname').controller('ctrl', function($scope, $http){ 
$http.get('url-to-json').then(function(res){ 
    $scope.results = res; 
}); 
}) 
0

沒有什麼不對您的ng-repeat但JSON是無效的。小雙引號是"state":"TH14,

這裏缺少的是工作plunker http://plnkr.co/edit/Z4n9oSIznVnFsNTOcLJX?p=preview

應該

1 : 
 
{"_id":"56e75b42c9cbbb7765414cdf", 
 
"email":"[email protected]", 
 
"phone":"02-653-2900", 
 
"display_name":"KFC", 
 
"registered_name":"KFC", 
 
"__v":0, 
 
"address": 
 
    {"country":"TH", 
 
     "state":"TH14", 
 
     "postcode":"10150", 
 
     "suburb":"Klongteay", 
 
     "address2":"Sukhumvit Rd", 
 
     "address1":"142 Two Pacific Place"}, 
 
"date_modified":"2016-03-15T00:45:54.631Z", 
 
"date_created":"2016-03-15T00:45:54.626Z", 
 
"status":"active", 
 
"logo":{"path_to_file":"90cf845d95.png"} 
 
}