angular 2 function calling inside an http post function

Question

I have a http post function.

login(){

    var data = {
      email : this.name,
      password : this.pass,
      appId : this.appId
    };
    console.log(data);

    this.http.post(SERVER_URL+"/templatesAuth/authenticateForApp",data)
      .subscribe(function(res){

         let requestParams = {
            "token": res.token,
            "email": data.email,
            "name": res.user.name,
            "phone": res.user.phone,
            "streetNumber": res.user.streetNumber,
            "streetName": res.user.streetName,
            "country": res.user.country,
            "city": res.user.city,
            "zip": res.user.zip,
            "type": 'internal',
            "appId":res.user.appId,
            "registeredUser": res.user.sub
          };


        },
        function(err){
          alert('login failed');
        })


  }

inside the function(req){ } I cannot write or use calls like examplearray.push(); im always having an error Cannot read property 'push' of undefined

when I use Local storage functions like.

this.localStorageService.set('test'+this.appId,(requestParams));

error : Cannot read property 'set' of undefined

but I can use them out side of the function(req){ }. couldn't figure-out the problem

is there any way to get the requestParams outside.

Ramesh Rajendran · Accepted Answer · 2017-11-14 05:31:26Z

5

This is very common issue of scoping :

Just change the line

.subscribe(function(res){

to

.subscribe((res) => {

Another way of doing is :

.subscribe(function(res){ ... }).bind(this)

Great article to read : https://toddmotto.com/es6-arrow-functions-syntaxes-and-lexical-scoping/ and check this answer for : Difference between arrow function and bind()

edited Nov 14, 2017 at 5:31

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

answered Nov 14, 2017 at 5:17

Vivek Doshi

58.8k12 gold badges120 silver badges126 bronze badges

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

1 Comment

Vivek Doshi Over a year ago

@DilakshanSooriyanathan, Glad to here that , will you please also accept the answer?

Sajeetharan · Accepted Answer · 2017-11-14 05:18:17Z

1

You should use arrow function .When using arrow functions,property is not overwritten change it as,

.subscribe((res) => {

answered Nov 14, 2017 at 5:18

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Comments

Saurabh Agrawal · Accepted Answer · 2017-11-14 05:21:57Z

1

Try this

this.http.post(SERVER_URL+"/templatesAuth/authenticateForApp",data)
  .subscribe((res) => {

     let requestParams = {
        "token": res.token,
        "email": data.email,
        "name": res.user.name,
        "phone": res.user.phone,
        "streetNumber": res.user.streetNumber,
        "streetName": res.user.streetName,
        "country": res.user.country,
        "city": res.user.city,
        "zip": res.user.zip,
        "type": 'internal',
        "appId":res.user.appId,
        "registeredUser": res.user.sub
      };


    },
    function(err){
      alert('login failed');
    })
}

answered Nov 14, 2017 at 5:21

Saurabh Agrawal

7,7553 gold badges31 silver badges52 bronze badges

Collectives™ on Stack Overflow

angular 2 function calling inside an http post function

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related