You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<pre><codeclass="js"><spanclass="hl-5">// app.module.ts</span><br/><spanclass="hl-5">// ---------------------------</span><br/><spanclass="hl-3">import</span><spanclass="hl-1"> { </span><spanclass="hl-4">AuthModule</span><spanclass="hl-1">, </span><spanclass="hl-4">AuthClientConfig</span><spanclass="hl-1"> } </span><spanclass="hl-3">from</span><spanclass="hl-1"></span><spanclass="hl-2">'@auth0/auth0-angular'</span><spanclass="hl-1">;</span><br/><br/><spanclass="hl-5">// Provide an initializer function that returns a Promise</span><br/><spanclass="hl-6">function</span><spanclass="hl-1"></span><spanclass="hl-0">configInitializer</span><spanclass="hl-1">(</span><br/><spanclass="hl-1"></span><spanclass="hl-4">http</span><spanclass="hl-1">: </span><spanclass="hl-7">HttpClient</span><spanclass="hl-1">,</span><br/><spanclass="hl-1"></span><spanclass="hl-4">config</span><spanclass="hl-1">: </span><spanclass="hl-7">AuthClientConfig</span><br/><spanclass="hl-1">) {</span><br/><spanclass="hl-1"></span><spanclass="hl-3">return</span><spanclass="hl-1"> () </span><spanclass="hl-6">=></span><br/><spanclass="hl-1"></span><spanclass="hl-4">http</span><br/><spanclass="hl-1"> .</span><spanclass="hl-0">get</span><spanclass="hl-1">(</span><spanclass="hl-2">'/config'</span><spanclass="hl-1">)</span><br/><spanclass="hl-1"> .</span><spanclass="hl-0">toPromise</span><spanclass="hl-1">()</span><br/><spanclass="hl-1"> .</span><spanclass="hl-0">then</span><spanclass="hl-1">((</span><spanclass="hl-4">loadedConfig</span><spanclass="hl-1">: </span><spanclass="hl-7">any</span><spanclass="hl-1">) </span><spanclass="hl-6">=></span><spanclass="hl-1"></span><spanclass="hl-4">config</span><spanclass="hl-1">.</span><spanclass="hl-0">set</span><spanclass="hl-1">(</span><spanclass="hl-4">loadedConfig</span><spanclass="hl-1">)); </span><spanclass="hl-5">// Set the config that was loaded asynchronously here</span><br/><spanclass="hl-1">}</span><br/><br/><spanclass="hl-5">// Provide APP_INITIALIZER with this function. Note that there is no config passed to AuthModule.forRoot</span><br/><spanclass="hl-8">imports</span><spanclass="hl-1">: [</span><br/><spanclass="hl-1"></span><spanclass="hl-5">// other imports..</span><br/><br/><spanclass="hl-1"></span><spanclass="hl-4">HttpClientModule</span><spanclass="hl-1">,</span><br/><spanclass="hl-1"></span><spanclass="hl-4">AuthModule</span><spanclass="hl-1">.</span><spanclass="hl-0">forRoot</span><spanclass="hl-1">(), </span><spanclass="hl-5">//<- don't pass any config here</span><br/><spanclass="hl-1">],</span><br/><spanclass="hl-8">providers</span><spanclass="hl-1">: [</span><br/><spanclass="hl-1"> {</span><br/><spanclass="hl-1"></span><spanclass="hl-4">provide:</span><spanclass="hl-1"></span><spanclass="hl-9">APP_INITIALIZER</span><spanclass="hl-1">,</span><br/><spanclass="hl-1"></span><spanclass="hl-4">useFactory:</span><spanclass="hl-1"></span><spanclass="hl-4">configInitializer</span><spanclass="hl-1">, </span><spanclass="hl-5">// <- pass your initializer function here</span><br/><spanclass="hl-1"></span><spanclass="hl-4">deps:</span><spanclass="hl-1"> [</span><spanclass="hl-4">HttpClient</span><spanclass="hl-1">, </span><spanclass="hl-4">AuthClientConfig</span><spanclass="hl-1">],</span><br/><spanclass="hl-1"></span><spanclass="hl-4">multi:</span><spanclass="hl-1"></span><spanclass="hl-6">true</span><spanclass="hl-1">,</span><br/><spanclass="hl-1"> },</span><br/><spanclass="hl-1">],</span>
111
+
<pre><codeclass="js"><spanclass="hl-8">// app.module.ts</span><br/><spanclass="hl-8">// ---------------------------</span><br/><spanclass="hl-3">import</span><spanclass="hl-1"> { </span><spanclass="hl-4">AuthModule</span><spanclass="hl-1">, </span><spanclass="hl-4">AuthClientConfig</span><spanclass="hl-1"> } </span><spanclass="hl-3">from</span><spanclass="hl-1"></span><spanclass="hl-2">'@auth0/auth0-angular'</span><spanclass="hl-1">;</span><br/><br/><spanclass="hl-8">// Provide an initializer function that returns a Promise</span><br/><spanclass="hl-5">function</span><spanclass="hl-1"></span><spanclass="hl-0">configInitializer</span><spanclass="hl-1">(</span><br/><spanclass="hl-1"></span><spanclass="hl-4">http</span><spanclass="hl-1">: </span><spanclass="hl-7">HttpClient</span><spanclass="hl-1">,</span><br/><spanclass="hl-1"></span><spanclass="hl-4">config</span><spanclass="hl-1">: </span><spanclass="hl-7">AuthClientConfig</span><br/><spanclass="hl-1">) {</span><br/><spanclass="hl-1"></span><spanclass="hl-3">return</span><spanclass="hl-1"> () </span><spanclass="hl-5">=></span><br/><spanclass="hl-1"></span><spanclass="hl-4">http</span><br/><spanclass="hl-1"> .</span><spanclass="hl-0">get</span><spanclass="hl-1">(</span><spanclass="hl-2">'/config'</span><spanclass="hl-1">)</span><br/><spanclass="hl-1"> .</span><spanclass="hl-0">toPromise</span><spanclass="hl-1">()</span><br/><spanclass="hl-1"> .</span><spanclass="hl-0">then</span><spanclass="hl-1">((</span><spanclass="hl-4">loadedConfig</span><spanclass="hl-1">: </span><spanclass="hl-7">any</span><spanclass="hl-1">) </span><spanclass="hl-5">=></span><spanclass="hl-1"></span><spanclass="hl-4">config</span><spanclass="hl-1">.</span><spanclass="hl-0">set</span><spanclass="hl-1">(</span><spanclass="hl-4">loadedConfig</span><spanclass="hl-1">)); </span><spanclass="hl-8">// Set the config that was loaded asynchronously here</span><br/><spanclass="hl-1">}</span><br/><br/><spanclass="hl-8">// Provide APP_INITIALIZER with this function. Note that there is no config passed to AuthModule.forRoot</span><br/><spanclass="hl-9">imports</span><spanclass="hl-1">: [</span><br/><spanclass="hl-1"></span><spanclass="hl-8">// other imports..</span><br/><br/><spanclass="hl-1"></span><spanclass="hl-4">HttpClientModule</span><spanclass="hl-1">,</span><br/><spanclass="hl-1"></span><spanclass="hl-4">AuthModule</span><spanclass="hl-1">.</span><spanclass="hl-0">forRoot</span><spanclass="hl-1">(), </span><spanclass="hl-8">//<- don't pass any config here</span><br/><spanclass="hl-1">],</span><br/><spanclass="hl-9">providers</span><spanclass="hl-1">: [</span><br/><spanclass="hl-1"> {</span><br/><spanclass="hl-1"></span><spanclass="hl-4">provide:</span><spanclass="hl-1"></span><spanclass="hl-6">APP_INITIALIZER</span><spanclass="hl-1">,</span><br/><spanclass="hl-1"></span><spanclass="hl-4">useFactory:</span><spanclass="hl-1"></span><spanclass="hl-4">configInitializer</span><spanclass="hl-1">, </span><spanclass="hl-8">// <- pass your initializer function here</span><br/><spanclass="hl-1"></span><spanclass="hl-4">deps:</span><spanclass="hl-1"> [</span><spanclass="hl-4">HttpClient</span><spanclass="hl-1">, </span><spanclass="hl-4">AuthClientConfig</span><spanclass="hl-1">],</span><br/><spanclass="hl-1"></span><spanclass="hl-4">multi:</span><spanclass="hl-1"></span><spanclass="hl-5">true</span><spanclass="hl-1">,</span><br/><spanclass="hl-1"> },</span><br/><spanclass="hl-1">],</span>
0 commit comments