title: How do I configure MSAL in Angular?
body: <p>I would authenticate to Azure using <a href="https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/lib/msal-angular" rel="nofollow noreferrer">Azure AD library</a> for Angular.</p>
  
  <p>Here's my msalModule</p>
  
  <pre><code>MsalModule.forRoot({
    clientID: "ClientTenantID",
    authority: "https://login.microsoftonline.com/common",
    redirectUri: "http://localhost:4200/",
    consentScopes: [ "user.read", "ClientID/access_as_user"],
    popUp: true,
    unprotectedResources: ["https://www.microsoft.com/en-us/"],
    protectedResourceMap: protectedResourceMap,
    logger: loggerCallback,
    correlationId: '1234',
    level: LogLevel.Info,
    piiLoggingEnabled: true
  })
  </code></pre>
  
  <p>When I get the sign In pop up then enter my user ID + PW I get this error</p>
  
  <pre><code>AADSTS50000: There was an error issuing a token.
  </code></pre>
  
  <p>I would like to know what is the difference between the client ID and the ID used on consent scope ?.</p>
  
  <p>In my exemple I found the ClientTenantID in Azure portal --> Azure Active Directory --> propreties</p>
  
  <p><a href="https://i.stack.imgur.com/ts1Hl.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ts1Hl.gif" alt="enter image description here"></a></p>
  
  <p>Then the ClientId used in the consent scope is in Azure portal --> Azure Active Directory --> app registration then Application ID.</p>
  
  <p>Are they the right IDs to use in MSAL ?</p>