How to assign a return value of function to local variable?

Question

I need to assign a return value of function to a local variable using Type Script. Below I have explained it clearly:

getdetail1(store){              
    let Cust_id=this.sharedata.latus_lead.m_type
    let url="http:domain.com"
    console.log(url);
    let res;
    this.loginservice.leaddata = null;
    this.loginservice.getdetails(url).then(data=>{
        let lead=data;
        this.details=lead[0];
        res=lead[0];                          
    });
    return res;
}

And calling it like this:

let res = this.getdetail1(store);

see this is my login service code

getdetails(query){
       if (this.leaddata) {
        // already loaded data  
        console.log("already data loaded lead") ;
        return Promise.resolve(this.leaddata);
      }
    // don't have the data yet
    return new Promise(resolve => {
      // We're using Angular HTTP provider to request the data,
      // then on the response, it'll map the JSON data to a parsed JS object.
      // Next, we process the data and resolve the promise with the new data.
        this.http.get(query)
        .map(res => res.json())
        .subscribe(data => {
          // we've got back the raw data, now generate the core schedule data
          // and save the data for later reference
          this.leaddata = data;
          resolve(this.leaddata);
        });
    });

  }

here i handle promise

http://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call — Günter Zöchbauer, Mar 01 '17 at 10:29

score 2 · Accepted Answer · answered Mar 01 '17 at 10:35

2

You need to return a promise than a variable from the code. Like this:

getdetail1(store){              
    let Cust_id=this.sharedata.latus_lead.m_type
    let url="http:domain.com"
    console.log(url);
    let res;
    this.loginservice.leaddata = null;

    return this.loginservice.getdetails(url);
}

And calling it like this:

this.getdetail1(store)
    .then((data) => {
        let res = data;
        console.log("Your data: ",res);
    })
    .catch((err) => {
        console.log("Error occurred :", err);
    });

answered Mar 01 '17 at 10:35

Sagar Kulkarni

2,072
2
16
25

after adding this i am getting an error like Cannot read property 'then' of undefined – R.Anandan Mar 01 '17 at 10:40
Editing my answer. You made an edit later so need to edit my answer. – Sagar Kulkarni Mar 01 '17 at 10:41
No need for an edit. Think it should work. Just check if resolve is happening correctly? – Sagar Kulkarni Mar 01 '17 at 10:52
Happy to help. Accept my answer then. :) – Sagar Kulkarni Mar 01 '17 at 10:53

score 0 · Answer 2 · edited May 23 '17 at 12:32

0

You will need to do promise chaining. See explanation here.

Try:

getdetail1(store){              
             let Cust_id=this.sharedata.latus_lead.m_type
             let url="http:domain.com"
              console.log(url);
              this.loginservice.leaddata=null;
                 return this.loginservice.getdetails(url).then(data=>{
                    let lead=data;
                     this.details=lead[0];
                    return lead[0];                          
             });//return the promise call as well as the data within

And:

this.getdetail1(store).then(data=>this.res=data;)

edited May 23 '17 at 12:32

Community

1
1

answered Mar 01 '17 at 10:31

Suraj Rao

29,388
11
94
103

Hey, I have not tried using `then()` at both the instances. As we are returning a promise, we should use `then()` only when the thenable action has to be done, isn't it? Correct me if I am wrong. :) – Sagar Kulkarni Mar 01 '17 at 10:56
You can chain it as the link suggests. From the question I thought OP wanted to access/save data in different locations.. – Suraj Rao Mar 01 '17 at 10:57
Ok. Understood. :) – Sagar Kulkarni Mar 01 '17 at 10:57

How to assign a return value of function to local variable?

2 Answers2