在AngularJS，數據顯示僅在NG-重複了

Question

我有以下getUserData.js：

var App = angular.module('App', []); 

App.controller('UserdataController', function($scope, $http) { 
    $http.get('data/getUserData.php') 
     .then(function(res){ 
      $scope.users = res.data;     
     }); 
}); 

這完美的作品，一個JSON是getUserData.php文件中創建的，沒有錯接着就，隨即。 但是，當我想以顯示它的index.php文件裏面，我只得到它採用NG-重複的工作，像這樣：

<div ng-controller="UserdataController"> 
    <ul> 
     <li ng-repeat="user in users"> 
      {{user.voornaam}} 
     </li> 
    </ul> 
</div> 

但我怎麼能顯示這個數據（「voornaam」是荷蘭的名字）而不使用ng-repeat？我認爲應該是這樣的，但它不工作..

<div ng-controller="UserdataController"> 
    {{users.voornaam}} 
</div> 

試了幾個小時，現在，找遍了所有的地方。如果有人能告訴我我做錯了什麼，那會很棒！

Answer 1

那麼這是因爲users.vornaam只是不存在。然而，不是顯示錯誤，Angular只會顯示「空白值」。

檢查你的對象結構以瞭解你的錯誤。這將是像

Users { 
    0:{ vornaam: xyz, ...}, //this is a single "user" which has a vornaam attribute 
    1:{ vornaam: xyz, ...}, 
    2:{ vornaam: xyz, ...} 
} 

正如你可以看到你的用戶小號對象/陣列本身根本就沒有一個「vornaam」，而是由幾個對象，然後具有所要求的屬性。

在上面的例子

Users.vornaam 

是不確定的。但如果您嘗試訪問它像

Users[0].vornaam 

它會工作。