Как toeach angularjs php array json output

Question

Я новичок в AngularJs, и я пытаюсь создать веб-сайт с angular.js и PHP. У меня возникли проблемы с отображением данных из Json. Мой контроллер

$scope.careprovider = function() { 
      $http.post('php/homefunctions.php', { 
       'act': 'careprovider' 
      }).success(function(data, status, headers, config) { 
       if (data.sessionError == 1) { 

        $location.path("/Login"); 


       }else { 
        alert(data.careproviders); 
         $scope.careprovider = data.careproviders; 
         $scope.specializations = data.specializations; 
       } 
      }).error(function(data, status) { 
       $scope.errors.push(status); 
      }); 
     } 

У меня есть JSON объект Array, как показано ниже

{"careproviders": 
    {"Anaesthesiologists": 
    [{"id":"37","addedBy":"5463e2dc0f","doctorName":"test","email":"sukalavan@consult-ic.com","hasUpdation":"NO"}, 
    {"id":"38","addedBy":"62f5d33584","doctorName":"test1","email":"sukalavan@consult-ic.com","hasUpdation":"NO"}], 
    "Cardiologist": 
    {"id":"38","addedBy":"62f5d33584","doctorName":"test2","email":"sukalavan@consult-ic.com","hasUpdation":"NO"}]} 

Я хочу, чтобы получить ключи и значения отдельно с помощью нг-повтора в angular.js.Here мой HTML

<div ng-repeat="f in careprovider"> 
     <div class="cus-row-head">want show here the key</div> 
     <div class="row cus_row clearfix cus-sep-row posrel"> 
       <div class="col-xs-12 col-md-12"> 
        <div class="col-xs-6 col-lg-8 cus-col-mob-4"> 
         <span class="cus-md-font">want to show here the doctor name</span> 
          <span class="cus-sm-font cus-inline"> 
           <span class="glyphicon glyphicon-envelope"></span> email </span> 

         </div> 
         </div> 
        <a class="icons_sm icons-sm-edit"></a> 

       </div> 
     </div> 

Answer 1

проверить это jsfiddle я соединял, который имеет тип структуры вы хотите.

Если вы хотите проходные ключи от объекта, ваши нг-repat должен выглядеть следующим образом:

<div ng-repeat="key in keys(object)"></div> 

Где ключи определяются в контроллере, как:

$scope.keys = function(obj){return obj? Object.keys(obj) : [];} 

(BTW , ваш JSON имеет отсутствующий '[' символ в нем)

Answer 2

попробовать это

{{f.doctorName}} 

вместо «doctorName»

Check my plunker

Answer 3

Попробуйте сделать это:.

ng-repeat="(key, value) in data" 

Тогда вы можете получить доступ к {{ключ}} и {{значение}}

метод упоминается здесь: https://docs.angularjs.org/api/ng/directive/ngRepeat