Typescript: Assign value to variable from Async function

Question

using Typescript am I trying to assign the return value from an async service call to a local variable as so;

private searchResult;

public search():void{
             this.DashboardService.dashboardSearch(this.searchParams)
                .then(
                    function (result:ISearchResult) {
                        // promise was fullfilled
                        console.log(result);
                        this.searchResult = result;
                    },
                    function (error) {
                        // handle errors here
                        console.log(error);
                    }
                );
        };

<div id="dashboard-content" ng-controller="dashboardCtrl as vm">
    <h3>{{vm.searchResult}}</h3>
</div>

The dashboardSearch service correctly returns an object with data. But i'm unable to assign the data to my local variable.

here is the error + data from Google Chrome console.log

How do I bind the data from my service to my local class variable ?

It has to do with the this keyword. There is a previous answer on SO which is very well written on how this works and how to always refer to the correct this instance. stackoverflow.com/a/20279485/1260204 — Igor
– Igor, Commented Feb 4, 2016 at 13:21

Yordan Ivanov · Accepted Answer · 2016-02-04 13:18:10Z

3

private searchResult;

public search():void {
  let that = this;
  
  this.DashboardService.dashboardSearch(this.searchParams)
  .then(function(result:ISearchResult) {
    // promise was fullfilled
    console.log(result);
    that.searchResult = result;
  }, function (error) {
    // handle errors here
    console.log(error);
  });
};

answered Feb 4, 2016 at 13:18

Yordan Ivanov

5824 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Typescript: Assign value to variable from Async function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related