getting data from angular $http without $scope

Question

i've been trying to not use $scope when returning data from $http.get()

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

app.controller('OrderCtrl',['$http',function($http){
    this.commande = null
    this.orders = {
        cde : null,
        start : '2014-01-01',
        end : '2014-01-31',
        get :  function(){
            return $http.get('http://apimucommerce/api/order/'+this.start+'/'+this.end+'/')
                .then(function(response){
                    return  response.data})
        }
    }

    this.commande = this.orders.get()
}])

the ajax call is returning datas, but i cannot assign to the this.commande property, what's wrong thanks.

Dylan Watt · Accepted Answer · 2015-11-10 23:18:54Z

2

this.orders.get() returns a promise (from $http), not data. This is because it's asynchronous, and needs to fetch the data before it can return. The proper pattern for getting the data is:

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

app.controller('OrderCtrl',['$http',function($http){
    var self = this;
    this.commande = null
    this.orders = {
        cde : null,
        start : '2014-01-01',
        end : '2014-01-31',
        get :  function(){
            return $http.get('http://apimucommerce/api/order/'+this.start+'/'+this.end+'/')
                .then(function(response){
                    return  response.data})
        }
    }

    this.orders.get().then(function(data){
      self.commande = data;
    })
}])

edited Nov 10, 2015 at 23:18

answered Nov 10, 2015 at 22:47

Dylan Watt

3,38715 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Phil Over a year ago

One problem here, this in the then callback no longer refers the controller

Dylan Watt Over a year ago

Good call, created an alias using a self variable.

Collectives™ on Stack Overflow

getting data from angular $http without $scope

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related