AngularJs $ Bereich wie eine lokale var

Question

Ich habe ein Problem.

app.controller('groupConfigCntrl', ['$http', '$scope', '$routeParams', function($http, $scope, $routeParams){ 

      var id = $routeParams.id, 
       info = {}; 
      $http.post("/g/getGroup/", {id: id}).success(function(data) { 
       $scope.info = data; 
      }); 
       console.log($scope.info); 
    }); 

In diesem Fall ist $ scope.info nicht definiert.

 $http.post("/g/getGroup/", {id: id}).success(function(data) { 
      $scope.info = data; 
      console.log($scope.info); 
     }); 

In diesem Fall scope.info $ - haben einige Daten. Warum verhalten sich $ scope wie eine lokale var? Hilfe, es funktioniert nicht, wenn ich versuche, Daten in Ansichten zu binden. Aber in einem ähnlichen Controller funktioniert es.

-Controller, was funktioniert:

app.controller('groupCntrl', ['$http', '$scope', '$uibModal', '$routeParams', '$location', function($http, $scope, $uibModal, $routeParams, $location){ 
    var id = $routeParams.id; 
    $http.post("/g/getGroup/", {id: id}).success(function(data) { 
     $scope.info = data; 
    }); 
}) 

Answer 1

Die Variablen $scope.info innerhalb des Erfolgs Rückruf nach der $http Post definiert ist abgeschlossen.

$http.post("/g/getGroup/", {id: id}).success(function(data) { 
       $scope.info = data; 
       console.log($scope.info); 
      }); 

Sie nicht $scope.info zugreifen können, wie es vor dem $http Anruf nicht definiert ist.

Answer 2

Dies ist wegen callback. Wenn Sie im ersten Fall console.log sind, wird es ausgeführt, bevor der Rückruf zurückgegeben wird, und $scope.info ist zu diesem Zeitpunkt undefined. Sie haben die folgenden erwarteten Ergebnisse zu erhalten:

app.controller('groupConfigCntrl', ['$http', '$scope', '$routeParams', function($http, $scope, $routeParams){ 

      var id = $routeParams.id, 
       info = {}; 
      $http.post("/g/getGroup/", {id: id}).success(function(data) { 
       $scope.info = data; 
       console.log($scope.info); 
      }); 

    }); 

Sie in nexttick aussehen kann, wenn man wie callback Werke in Javascript verstehen wollen. Bsp .: https://howtonode.org/understanding-process-next-tick

Answer 3

In Ihrem Beispiel ist die .success() -Methode ein Callback. Diese Methode wird asynchron ausgeführt, wenn die Post-Methode abgeschlossen ist.

Dies bedeutet, dass der Wert $ scope.info möglicherweise noch nicht festgelegt wurde, wenn Sie die Ausgabe in Ihrem ersten Beispiel protokollieren.

Nach Ihren Kommentaren zu urteilen, vermute ich das Problem, dass die Ansicht nicht aktualisiert wird, wenn der Wert $ scope.info festgelegt ist? Wenn dies der Fall ist, müssen Sie Ihren Callback in die $ apply -Methode umbrechen.