jsonファイル内のi番目の要素からのアクセスanglejsのhttprequest

Question

i番目の要素rom $ httprequestにアクセスしようとしていますが、このメソッドを記述してアラート関数が表示されているかどうかを確認しようとしていますウィンドウの警告のスコープの要素は、"変数UNDEFINED"、なぜですか？

ありがとうございます。

angular.module('userListApp', []) 
    .factory('userService', function ($http) {; 
     var users = []; 
      return { 
      users: users, 
      load: function() {; 
      $http 
      .get('http://localhost:8080/users') 
      .success(function (data) {; 
       users.push.apply(users, data); 
      }); 
      } 
     }; 
    }) 
    .controller('UsersController', function ($scope, userService) {; 
     $scope.users = userService.users; 
     userService.load(); 
    userService.toString();; 

     alert($scope.users[0]); 

Answer 1

userService.loadは非同期なので、応答がまだ戻ってこなかったので、users[0]はありません。約束を解決するには、ユーザーを見たり、負荷をかけて$qを使ったりすることができます。このようなもの：

angular.module('userListApp', []) 
.factory('userService', function ($http) {; 
    var users = []; 
    return { 
     users: users, 
     load: function() { 
     var deferred = $q.defer(); 
     $http 
     .get('http://localhost:8080/users') 
     .success(function(data) { 
      users.push.apply(users, data); 
      deferred.resolve(); 
     }); 
     return deferred.promise; 
     } 
    }; 
}) 
.controller('UsersController', function ($scope, userService) {; 
    $scope.users = userService.users; 
    userService.load().then(function() { 
    alert($scope.users[0]); 
    }); 
}); 

Answer 2

$http.getは非同期あり、そして約束を返すため。 いつものように、あなただけの可能性があります：

userService.load().then(function() { 
    alert($scope.users[0]); // Here, the load function will be over. 
}); 

は約束で、特に一部、documentationを読むことを忘れないでください。