AngularJS доступ к $ scope вне метода

Question

Вот мой метод внутри контроллера, я хочу получить доступ к $ scope.oldcats за пределами данного метода. Использование console.info($scope.oldcats); внутри метода, выводит данные, но используя console.info($scope.oldcats); внешний функция дисплей undefined.

$scope.loadPost = function() { //Issues a GET request to /api/post/:id to get a Post to update 
    $scope.posts = Post.get({ id:$stateParams.id}, function(response){ 
     $scope.posts = response.data; 
     $scope.posts.selcats = response.data.categories; 
     var cats = $scope.posts.categories; 
     $.each(cats, function(arrayID,group) { 
      $scope.allCats.push(group.id); 
     }); 
     $scope.oldcats = $scope.allCats; // <- i want to access it 
     console.info($scope.oldcats); // <- output displays data 
    }); 
    }; 

    $scope.loadPost(); // Load a Post which can be edited on UI 

    console.info($scope.oldcats); // <- output display undefined 

Answer 1

Вы сделали несколько ошибок, и вы должны использовать обещания:

$scope.loadPost = function(){ //Issues a GET request to /api/post/:id to get a Post to update   
    $scope.posts = function(){ 
     var deferred = $q.defer(); 
     Post.get({ id:$stateParams.id}, function(response){ 
      $scope.posts = response.data; 
      $scope.posts.selcats = response.data.categories; 
      var cats = $scope.posts.categories; 
      $.each(cats, function(arrayID,group) { 
       $scope.allCats.push(group.id); 
      }); 
      $scope.oldcats = $scope.allCats; // <- i want to access it 
      deferred.resolve($scope.oldcats); 
      console.info($scope.oldcats); // <- output displays data 
    }); 
    return deferred.promise; 
    }; 
    return $scope.posts; 
}; 

$scope.loadPost()().then(function(res){ 
    console.info(res); 
}); 

Answer 2

console.info За пределами функции вызывается до завершения вызова API. Поэтому он регистрирует undefined. Но консоль внутри функции вызывается после завершения вызова API. Это называется асинхронным поведением. Посмотрите Promises

Этот thinkster учебник будет полезно понять асинхронное поведение лучше: Thinkster-understand promises