데이터를 표시 나는이 특정 결과를 생성 할 수있는 API 코드가

Question

NG 반복 및 NG-모델 데이터 충돌하여보기를 텍스트로 : 이제

[ 
    { 
    "devid": "3", 
    "name": "abacus", 
    "type": "math device", 

    }, 
    { 
    "devid": "4", 
    "name": "beaker", 
    "type": "science device", 
    } 
] 

을 내 HTML에서이 JSON 응답을 호출 할 수 있습니다 이미 내 컨트롤러에 넣어 배열을 사용하여 파일을. 이것은 내 컨트롤러 코드 :

labserviceService.lab1(id) 
      .then(function(data){ 
       $scope.device = data.data; 
       $scope.deviceID = data.data[0].devid; 
       $scope.devicename = data.data[0].name; 
       $scope.devicetype = data.data[0].type; 

      }); 

내가 NG 반복과 겨 - 모델을 사용하여 내 사업부의 데이터를 표시 할 수있는 방법

? 이것은 나의 div 영역

<div class="form-group" ng-repeat="item in device"> 
     <label class="col-md-4 control-label"> 
      ID: 
     </label>             
     <div class="col-md-8">           
      <input type="text" name="regular" class="form-control" ng-model="deviceID"> 
     </div> 
     <label class="col-md-4 control-label"> 
      Name: 
     </label>             
     <div class="col-md-8">           
      <input type="text" name="regular" class="form-control" ng-model="devicename"> 
     </div> 
     <label class="col-md-4 control-label"> 
      Type: 
     </label>             
     <div class="col-md-8">           
      <input type="text" name="regular" class="form-control" ng-model="devicetype"> 
     </div> 
      <br><br> 
</div> 

이 코드 있지만에만 표시 및 반복 값이 첫 번째 집합이고, 두 번째가 전혀 표시되지 않습니다 시도이다. json의 모든 데이터를 어떻게 표시 할 수 있습니까? 어떤 도움도 크게 받으실 수 있습니다.

Answer 1

다음과 같이 시도해보십시오. 예를 들어, 응답에서 모든 데이터를 얻을 수 배열을 사용하여

$scope.device= []; 

labserviceService.lab1(id) 
       .then(function(data){ 
        for(i=0; i<data.length; i++){ 
         var myData= { 
          deviceID: data.data[i].devid, 
          devicename: data.data[i].name,         
          devicetype: data.data[i].type 
         } 
         $scope.device.push(myData); 
        }   
       }); 

이 나서 NG 반복을 추가

<div class="form-group" ng-repeat="item in device"> <!-- This is $scope.device --> 
     <label class="col-md-4 control-label"> 
      ID: item.deviceID 
     </label>             
     <div class="col-md-8">           
      <input type="text" name="regular" class="form-control" ng-model="item.deviceID"> 
     </div> 
     <!-- and so on... item.devicename item.devicetype--> 
</div> 

내가 당신을 도와 바랍니다. 나중에 무엇을하고 싶은지 잘 모르겠습니다 ...