Get Angular $http return value into another oject

Question

Would like to get the return object from an HTTP request into another scope object so I can use it in HTML with ng-repeat directive. How can I get the returned object into a variable?

1. Call HTTP Function
2. Get Data
3. Store response
4. Make scope variable the value of the HTTP response

JS:

angular.module('myApp').controller('ItemController',[
  '$scope', '$http', '$location',
  function($scope, $http, $location){

  var currentLocation = $location.path();

   $scope.getItem = function(){
      $http.get('path/to/json/file.json').then(
        function(response){
          $scope.results = response.data;
          console.log('item controller, item:', $scope.results);
        });

    };

    $scope.item = //MAKE THIS VALUE OF THE RETURN OBJECT FROM getItem
      console.log('scope.item', $scope.item);
    }
]);

JSON

[
  {
    "first_name": "Mega",
    "last_name": "Man",
    "image": "http://placehold.it/75x75"
  }
]

HTML

Would like to be able to just have

<p>{{item.first_name}}</p>
<p>{{item.last_name}}</p>
<img ng-src="{{item.image}}"/>

Updated JS Call

$scope.getItem = function(){
    $http.get('path/to/json/file.json')
    .success(function(data){
      $scope.results=data;
      console.log('$scope.results: ',$scope.results);
    }).error(function(data){
      console.log(data);
    }).then(
      function(){
        $scope.item = $scope.results;
        console.log('$scope.item: ', $scope.results);
      });
  };

Answer 1

You can do it in different ways one way is to use success and error callback functions like:

 $http.get('path/to/json/file.json')
                .success(function (data, status, header, config) {
                  $scope.results =data;
          console.log('item controller, item:', $scope.results);
                })
                .error(function (data, status, header, config) {
                  console.log(data);
                });

Another option is using then promise function like:

 $http({method: 'GET', url: 'path/to/json/file.json').
        then(function(response) {
           $scope.results = response.data;
           console.log('item controller, item:', $scope.results);
        }, function(response) {
          console.log(response);
      });

Answer 2

The issue that was happening what getting callbacks to work correctly. Replaced the .then() method with .success() and .error(). Since the object that was getting called was an array it could not be parsed out in the HTML to get object properties. The other part that was needed was in the success callback to get the first object of the array with $scope.results=data[0]

$scope.getItem = function(){
  $http.get('path/to/json/file.json')
  .success(function(data){
    $scope.results=data[0];
    console.log('$scope.results: ',$scope.results);
  }).error(function(data){
    console.log(data);
  });
};