Angularjsスコープの長さ外関数

Question

AngularJsの初心者で、実際に関数外の長さを取得する方法がわかりません。

var onUsers = function(response){    
    $scope.users = response.data;  
    console.log($scope.users.length); //here works 
    } 

が、私は外onUsersが

console.log($scope.users.length); 

に機能しようとすると、私はエラーを取得します。

Answer 1

私は問題はあなたの応答がサーバーから返される前に$ scope.users.lengthにアクセスしようとしていることだと思います。 $ scope.usersはまだ定義されていません。これは非同期のjavascriptの古典的な問題で、このために約束を使用する必要があります。 これは、約束のコールバックにonUsersの外で実行しているコードを記述する必要があることを意味します。

この読み：角度コードはそう約束が返さconsole.log($scope.users.length)実行する前に、非同期に実行AS https://docs.angularjs.org/api/ng/service/ $ qを

Answer 2

を。

var onUsers = function(response){    
     $scope.users = response.data;  
     console.log($scope.users.length); //here works 
     } 

上記の関数のconsole.log($scope.users.length)は、成功ハンドラであるために機能します。 $timeoutを使用して、console.logが正常に処理されるようにすることができます。私はあなたの応答が5000になると仮定しています。

$timeout(function() { 
    console.log($scope.users.length); 
    }, 5000); 

Answer 3

変数が変更されたときに関数を実行するには、$ scope。$ watchを使用できます。

$scope.$watch('users', function(users) { 
    console.log(users.length); 
});