title: Get Auth Token from headers before loading any components
body: <p>I am new to angular and working on modifying a code.</p>
  <p>Currently the code works with default angular method of loading all components together, which means, multiple components are making http calls together.</p>
  <p>My angular app is hosted on azure app service with azure ad authentication configured from azure portal.</p>
  <p>from 1st point, i want to improve and ensure, that
  First, before loading any component , I get id_token parameter from http://host/.auth/me url which will be my auth token.(This auth token as auth header will be used to make api calls to backend)</p>
  <p>Once i have this auth token, i shall store it in local/session storage. Only when this process is complete, i want to proceed with loading of other angular components.</p>
  <p>I have read about lazy loading of component. but I want to know what is the best practice to do above scenario.</p>