Чтение вложенных json в Angularjs

Question

Я новичок в AngularJS. У меня есть файл JSON, который я должен использовать с помощью angularjs!

JSON файла

{ 
    "records": [ 
    { 
     "students": [ 
     { 
      "id": 1, 
      "name": "Bill", 
     }, 
     { 
      "id": 2, 
      "name": "Steve", 
     } 
     ], 
     "exstudent": [ 
     { 
      "id": 1, 
      "name": "Woz", 
     }, 
     { 
      "id": 2, 
      "name": "Jonathan", 
     } 
     ] 
    } 
    ] 
} 

Контроллер часть сниппет -

$http.get('json/somedata.json').success(function (data){ 

     $scope.name = data.records.student.name; 
     $scope.exname = data.records.exstudent.name; 

     }); 


    }]) 

HTML

<div class="panel-body" ng-repeat = "browse in name"> 
    {{browse.student.name}} 
</div> 

Какую часть я делаю неправильно? Я думаю, проблема в ng-repeat! Нужна помощь

Answer 1

Вы не можете использовать data.records.students.name, так как students является Array.

Однако вы можете хранить свои данные в свой $scope и использовать его в ng-repeat:

$http.get('json/config.json').success(function (data){ 
    $scope.students = data.records.students; 
    $scope.exstudents = data.records.exstudent; 
}); 

Затем в HTML использовать ng-repeat так:

<div class="panel-body" ng-repeat="student in students"> 
    {{student.name}} 
</div>