title: Angular2 Update a View while waiting for data to load
body: <p>I have a form that requires input asking a user for numbers to pick.
  When the form is submitted, I want a "spinner graphic" to display while the data is being generated and formatted.<br>
  At the moment, I cannot get the spinner to display until after the data is returned. </p>
  
  <p>My code looks like :        </p>
  
  <pre><code>getTickets(){
    this.PBPicks=this._lottoService.getPBTicket(this.newTixForm.value['PBTix']);
    this.MegaPicks=this._lottoService.getMegaTicket(
    this.newTixForm.value['MegaTix']);
    return false;
   }
  
  submitForm(){
    this.isLoading=true;
    console.log('Show Spinner');
    this.isLoading=this.getTickets();
      console.log("Data Loaded");
   }
  </code></pre>
  
  <p>When the data is returned and displayed is when the spinner shows and then disappears even though the console shows it being executed much sooner than when the data is returned.</p>