JSONに変数を書き込む角度

Question

変数をJSONに帰属させる方法name？

JSONオブジェクトnames

[ 
    { "name": "John", "age" : "12" }, 
    { "name": "Ben", "age" : "15" }, 
    { "name": "Jason", "age" : "18" }, 
    { "name": "Billy", "age" : "11" } 
] 

角度サービスとコントローラ

var app = angular.module('app', []); 
    app.service('service', function($http, $q){ 
     var deferred = $q.defer(); 

     $http.get("jsonfile.json").then(function(data){ 
      deferred.resolve(data); 
     }); 

     this.getNames = function(){ 
      return deferred.promise; 
     } 
    }); 
    app.controller('secondCtrl', function($scope, service){ 
     var promise = service.getNames(); 
     promise.then(function(data){ 
      $scope.names = data.data; 
      console.log($scope.names); 

     }); 
}); 

私は、コントローラで実行しようとしました何を：その後、

var name = names.name; 

とを私はHTML ng-repeat {{name}}を試しましたが、うまくいかなかったのです。

Answer 1

あなたの名前オブジェクトをHTMLでng-repeatでループすることができます。

あなたの配列がある場合：

$scope.names = [ 
    { "name": "John", "age" : "12" }, 
    { "name": "Ben", "age" : "15" }, 
    { "name": "Jason", "age" : "18" }, 
    { "name": "Billy", "age" : "11" } 
]; 

あなたはこのコードでnames.nameを表示することができます

<div ng-repeat="n in names">{{n.name}}</div>