AngularJS accessing 'this' within a $http

Question

Within my AngularJS service I'm trying to call method within the same file within a $http success block and I have to use 'that = this' so I can access it properly.

calc_total: (line) ->
  that = this
  $http.get("/item/get_cost?costing_id=" + line.costing_id).then (
    (response) ->
      # If successful set the cost per unit cents
      line.cost_cents = response.data['cost_cents']
      that.accumulated_balance(line) # Update balance
  )

What is the correct way of doing this?

This works, but is there a way to pass in 'this' into the http block so that I can access it? I think the 'that = this' code is messy. — map7
– map7, Commented Jul 7, 2015 at 3:14

riptidebyte · Accepted Answer · 2015-07-07 03:27:11Z

1

You can use the fat arrow => to preserve the this from the calc_total closure:

calc_total: (line) ->
  $http.get("/item/get_cost?costing_id=" + line.costing_id).then (
    (response) =>
      # If successful set the cost per unit cents
      line.cost_cents = response.data['cost_cents']
      this.accumulated_balance(line) # Update balance
  )

See this guide for reference.

The JavaScript ES5 equivalent is

function () {}.bind(this);

The fat arrow syntax made its way into ES6 as well.

edited Jul 7, 2015 at 3:27

answered Jul 7, 2015 at 3:21

riptidebyte

1662 bronze badges

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

Collectives™ on Stack Overflow

AngularJS accessing 'this' within a $http

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related