Angularjs Umfang Länge außerhalb der Funktion

Question

Ich bin ein Neuling in AngularJs und weiß nicht wirklich, wie die Länge der Antwort außerhalb der Funktion erhalten.

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

Aber wenn ich versuche, außerhalb onUsers Funktion

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

ich einen Fehler.

Answer 1

Ich denke, das Problem ist, dass Sie versuchen, auf $ scope.users.length zuzugreifen, bevor Ihre Antwort vom Server zurückgegeben wurde. Also ist $ scope.users immer noch undefiniert. Dies ist ein klassisches Problem von asynchronem JavaScript und Sie müssen dafür Versprechungen verwenden. Das bedeutet, dass Sie den Code, den Sie gerade ausführen, an Onsers im Zusage-Callback schreiben sollten.

dies lesen: https://docs.angularjs.org/api/ng/service/ $ q

Answer 2

die Winkel Code asynchron so console.log($scope.users.length) Läufe ausgeführt wird, bevor das Versprechen zurück.

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

Ihre console.log($scope.users.length) in obiger Funktion funktioniert, weil es ein Erfolg Handler ist. Sie können die console.log Seite der Erfolg Handler mit $timeout funktioniert. Ich nehme an, dass nach 5000 Ihre Antwort ankommen wird.

Answer 3

Sie können $ scope. $ Watch für die Ausführung einer Funktion verwenden, wenn sich die Variable ändert.

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