Angular js How to get data to further work with array further in controller?

Question

JavaScript

$http.get('data/category.json').success(function(data){
$scope.category = data
});
$scope.category - outside the success function, the console prints undefined

Answer 1

1. success deprecated, use Promises.
Example:

var promise = $http.get('data/category.json');
promise
.then(
    function(data){
        $scope.category = data
    }, 
    function(error) {
        console.log(error);
    }
);

If you want to do something with an array, you can do it in a .then statement.
for example
Well, in general, read what the Promise API is, for example here: Promises API

Answer 2

yes, because the request goes asynchronously. outside the succsess function, this data is not yet available, but inside this function, it comes from the server.

Answer 3

Because it is asynchronous (success).
Call a function that will work with the data from success and pass data there.
Example:

var workIngWithData = function(dataObj) {
  console.info(dataObj);
  // Здесь можно работать с data
};
$http.get('data/category.json').success(function(data) {
  $scope.category = data;
  workIngWithData(data);
});

Answer 4

perem = $this;
$http.get('data/category.json').success(function(data){
perem = data;
});