title: Angular 5 Await Not Waiting
body: <p>When I run the code below, the checkCard function runs before the getTimecard function is finished.</p>
  
  <pre><code>getTimecard() {
    this._service.getTimecard().subscribe(
    data =&gt; {
      this.sending = true;
      this.timecards = data;
    },
    err =&gt; {
      this.sending = false;
      console.error(err);
    },
    () =&gt; {
      this.sending = false;
    }
  );
  }
  
  checkCards() {
    console.log('timecards', this.timecards);
    //code dependent on timecard data
  }
  
  async onSubmit() {
    await this.getTimecard();
    this.checkCards(); 
  }
  </code></pre>
  
  <p>Why Isn't checkOverlap waiting for getTimecard to return its data?</p>