2017-03-06 8 views
1

角度jを初めて使用しています。私はオブジェクトのリストに変換し、これらのオブジェクトを表示するためにng-repeatを使用するjson応答を持っています。私は$ scope.resultsで上記の目的を保存していると私はどのように私はこれを達成することができます 角度jを使用してjsonからオブジェクトのリストにデータを変換するには

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

のような何かをしたい

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

をたどるようなこれらのオブジェクトのリストを取得していますか?

+0

する必要があり、あなたはシンプルな 'JSON.parseを使用することができますhttp://plnkr.co/edit/Z4n9oSIznVnFsNTOcLJX?p=preview

です'。 http://stackoverflow.com/questions/4935632/parse-json-in-javascriptおよびhttps://msdn.microsoft.com/library/cc836466(v=vs.94).aspx – lealceldeiro

+0

を参照してください。{"国": "TH"、 "状態": "TH14"、それはそのままで動作するはずです。 – nullbyte

+0

あなたの 'get'、' .then'または '.success'で使用しているjsコードも投稿してください。 –

答えて

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は、それはAngularJSは別に

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

関連する問題