2015-12-16 45 views
0

我想在一個JSON對象來訪問數據採用了棱角分明,但我發現很難在這樣的時刻,希望你能幫助我在這裏。如何訪問數據以JSON對象Angularjs

,所以我有一個像這樣在我的控制器功能:

var vm = this; 
vm.getData = getData; 
vm.data = []; 


function getData() { 
     var promise = appService.getAll(vm.query); 
     promise.then(function(response) { 
      vm.data = response.data, 
        console.log(vm.data); 
      }, 
      function(error) { 
       $log.error("an error here", error); 
      }); 


    } 

和我的看法是這樣的:

<div> 


<table class="table"> 
     <tr > 
      <th> Department</th> 


     </tr > 
     <tr ng-repeat="n in vm.data"> 
      <td>{{n.sectionName}} </td> 
     </tr> 


    </table> 


</div> 

一切正常..我找回我的JSON對象的要求..但它只是訪問它們是我的問題,我有在我看來,上述情況並不dispplayed .. 所以在我上面的例子我試圖與接取的「sectionName」的heaser一個JSON在我看來,它顯示。

這裏是一個可視化的JSON對象在我的控制檯... enter image description here

謝謝您的時間

+0

如果響應對象的圖像中有結果的數據陣列,那麼爲什麼你打電話給response.data,不應該是response.results? – RaniDevpr

+0

yup ..正是這樣! – 1future

回答

0

您遍歷對象本身。相反,您必須遍歷對象內的結果數組。

<div> 


<table class="table"> 
     <tr > 
      <th> Department</th> 


     </tr > 
     <tr ng-repeat="n in vm.data.results"> 
      <td>{{n.sectionName}} </td> 
     </tr> 


    </table> 


</div> 
+0

是的,這就是..它是vm.data.response.results ..謝謝你 – 1future

1

如果results是你需要顯示的數據,那麼你應該調整你的標記是這樣的:

<tr ng-repeat="n in vm.data.results"> 
    <td>{{n.sectionName}} </td> 
</tr>