Угловой: доступ к ответу на успех

Question

Я пытаюсь изучить Angular и написал следующий код, чтобы найти свой IP-адрес. Я могу легко получить доступ и распечатать IP-адрес на консоли внутри SUCCESS, но не получить доступ к нему за пределами метода GET. Даже установка переменной для ответа внутри SUCCESS не выполняет работу. Любая помощь будет высоко оценен.

 var app = angular.module('myApp', []); 

     var ip; 

     app.controller('customersCtrl', function($scope, $http) { 
      console.log("Console Works"); 


      $http.get("https://api.ipify.org/") 
      .success(function (response) { 
       console.log("Success " + response); 
       ip = response; 
       console.log("IP Inside: " + ip); 
      }); 
     }); 
     console.log("IP Outside: " + ip); 

Консольные напечатает:

IP Снаружи: неопределенными

Консольные Работы

Успех 11.222.222.11

IP Внутри: 11.222.222.11

Answer 1

его потому, что Javas Крип асинхронен. Таким образом, console.log("IP Outside: " + ip); вызывается перед успешным ответом. Поэтому, если вы хотите выполнить некоторую задачу на IP, сделайте это с помощью метода success.

Answer 2

Это то, что мы назвали асинхронным миром.

$ http.get отправить асинхронный вызов и ожидание обратного вызова (успех или ошибка) вашего обещания statement console.log («IP Inside:» + ip); снаружи уже выполнено, но все же у вас нет никакой ценности.

Вы можете получить доступ к varable снаружи, как

 var app = angular.module('myApp', []); 

      var ip; 

      app.controller('customersCtrl', function($scope, $http) { 
       console.log("Console Works"); 
       $scope.ip=""; 

       $http.get("https://api.ipify.org/") 
       .success(function (response) { 
        console.log("Success " + response); 
        $scope.ip = response; 
        console.log("IP Inside: " + $scope.ip); 
       }); 
      }); 
     $scope.$watch('ip',funciton(newVal){ 
       console.log(newVal); // It is new value of your IP 
      ip=newVal; 
     });