在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 

它会工作。