title: Logout removing token but token still stored in service
body: <p>I have a logout method which removes the token from storage. However in my service the old token is still stored. Therefor when sending HTTP requests it is coming up as the old user. The problem seems to be in the service getting the token. The get token function stores the token and it is never updated on a user logging in</p>
  
  <p>add.service </p>
  
  <pre><code>export class AddService {
  
    token = this.storage.get('token').then(res =&gt; {
      this.token = res;
    });
  
  sendComment(comment, patientID) {
      headers = headers.delete('Authorization', '');
  
      // this is old token;
      console.log(this.token);
  
      console.log(this.storage.get('token'));
      headers = headers.set('Authorization', '' + this.token);
      const formData = new FormData();
      formData.append('comment', comment);
      formData.append('patientID', patientID);
      return this.http.post&lt;any&gt;(apiUrl + 'addComment.php', formData, {headers});
    }
  
  }
  </code></pre>
  
  <p>logout.ts</p>
  
  <pre><code>logout() {
      console.log('Old token');
      console.log(this.token);
      this.storage.clear().then (val =&gt; {
        console.log(val);
        console.log('Empty');
      });
      this.gettoken();
      this.router.navigateByUrl('/login');
    }
  </code></pre>