title: Angular2 call to web service via a promise is resolved before web service called is complete
body: <p>I have an angular 2 service that has a function which returns data for a dropdown list.  The function returns a promise.  </p>
  
  <p>Code from service below:</p>
  
  <pre><code>getStuff(): Promise&lt;Stuff&gt;
      {
              return this.http.get("http://myserver/myServices/myService.svc/rest/getStuff")
              .map(res =&gt; this.dataHandler.extractData(res)).toPromise()
              .catch(err =&gt; this.dataHandler.handleHttpError(err));
      }
  </code></pre>
  
  <p>I then call this function from a save event to update the new saved data so the dropdown which uses this data will have up-to-date data.</p>
  
  <p>My code calling this service:</p>
  
  <pre><code>    ngOnInit()
      {
        this.onSavedSubscription = this.OnSaved.subscribe((data: any) =&gt;
        {
          if (data.IsSuccessful)
          {
              this.myService.getStuff().then(
                  res=&gt;
                  {
                      this.myService.stuffs = res;
                  }
              );
        }
      }
  </code></pre>
  
  <p>When the above code is called, the getStuff function is called but before it can return updated data from the database, the code execution shifts to "then"  and fills this.myService.stuffs with old data that is contained in res.  I'm not sure what is going on.  I thought "then" wouldn't execute until getStuff finished executing and returned the new data.  Please help.</p>