title: Adal Angular4 - AcquireToken call is returning 'Token renewal operation failed due to timeout error'
body: <p>I'm trying to call Microsoft Graph Api from the adal-angular4 sample project <a href="https://github.com/benbaran/adal-angular4-example" rel="nofollow noreferrer">adal-angular4-example</a>.</p>
  
  <p>I have added this code to get the token for the graph api.</p>
  
  <p><strong>home.component.ts</strong></p>
  
  <pre><code>getGraphToken(){
  
      if (this.service.getCachedToken([** CLIENT-ID **])){
  
        //this.service.handleWindowCallback();
  
        this.service.acquireToken("https://graph.microsoft.com")
          .subscribe(
            data =&gt; console.log(data), 
            err =&gt; console.log(err));
      }
  
      //this.service.handleWindowCallback();
  
    }
  </code></pre>
  
  <p><strong>home.component.html</strong></p>
  
  <pre><code>  &lt;tr&gt;
      &lt;span&gt;&lt;button md-button (click)="getGraphToken();"&gt;Get Graph Token&lt;/button&gt;&lt;/span&gt;
    &lt;/tr&gt;
  </code></pre>
  
  <p><strong>updated app.component.ts with the azure config</strong> </p>
  
  <pre><code>// Adal Configuration
  const config = {
    tenant: 'tenant-id-here',
    clientId: 'client-id-here'
  };
  </code></pre>
  
  <p>For some reason I am getting the error 'Token renewal operation failed due to timeout' instead of the data token being populated.</p>
  
  <p>If I look in the network tab of the browser, I can see the response has a 302 and does have the new access token attached.  </p>
  
  <p>I can manually copy this access token, go to postman, add it as a bearer token, and make successful calls against the graph.</p>
  
  <p>It just appears that the handling of the callback is not being handled to actually bring it in.</p>
  
  <p>I've also tried it with various locations of the handleWindowCallback function.</p>
  
  <p>Any ideas for how to get this to work?  </p>