<div dir="ltr"><div><div>Hi,<br><br></div>I was looking at the angular product app in the demos.  And I am trying having some issues, if you use it with angular 1.3 it says that<span style="background-color:rgb(228,228,255)"> responseInterceptors  </span>are deprecated, but I got around that.<br><br></div>I am not using <br><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt"><span style="background-color:rgb(228,228,255)">angular</span>.<span style="color:rgb(102,14,122);font-weight:bold">element</span>(<span style="color:rgb(102,14,122);font-weight:bold">document</span>).<span style="color:rgb(122,122,67)">ready</span>() and  <br>keycloakAuth.init({ onLoad: &#39;login-required&#39; }) <br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt">like in the example because I want my users to click on a login button.  So I have a function like this<br><br><span style="color:rgb(0,0,128);font-weight:bold">var </span><span style="font-style:italic">login </span>= <span style="color:rgb(0,0,128);font-weight:bold">function </span>() {<br>    <span style="color:rgb(69,131,131)">keycloakAuth</span>.<span style="color:rgb(122,122,67)">login</span>();<br>} <br><br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt">I also have a init() function that is like this:<br><span style="color:rgb(0,0,128);font-weight:bold">var </span><span style="font-style:italic">init </span>= <span style="color:rgb(0,0,128);font-weight:bold">function</span>(){<br>    <span style="color:rgb(69,131,131)">auth</span>.<span style="color:rgb(102,14,122);font-weight:bold">loggedIn </span>= <span style="color:rgb(0,0,128);font-weight:bold">false</span>;<br><br>    <span style="color:rgb(69,131,131)">keycloakAuth</span>.<span style="color:rgb(122,122,67)">init</span>().<span style="color:rgb(122,122,67)">success</span>(<span style="color:rgb(0,0,128);font-weight:bold">function</span>(authenticated) {<br>        <span style="color:rgb(0,0,128);font-weight:bold">if</span>(authenticated ){<br>            <span style="color:rgb(69,131,131)">auth</span>.<span style="color:rgb(102,14,122);font-weight:bold">loggedIn </span>= <span style="color:rgb(0,0,128);font-weight:bold">true</span>;<br>            <span style="color:rgb(128,128,128);font-style:italic">//auth.authz = keycloakAuth;<br></span><span style="color:rgb(128,128,128);font-style:italic">        </span>}<span style="color:rgb(0,0,128);font-weight:bold">else</span>{<br>            <span style="color:rgb(69,131,131)">auth</span>.<span style="color:rgb(102,14,122);font-weight:bold">loggedIn </span>= <span style="color:rgb(0,0,128);font-weight:bold">false</span>;<br>        }<br>        <span style="color:rgb(102,14,122);font-weight:bold">console</span>.<span style="color:rgb(122,122,67)">log</span>(<span style="color:rgb(0,128,0);font-weight:bold">&#39;Init Autenticado &#39; </span>+<span style="color:rgb(69,131,131)">auth</span>.<span style="color:rgb(102,14,122);font-weight:bold">loggedIn </span>);<br>    }).<span style="color:rgb(122,122,67)">error</span>(<span style="color:rgb(0,0,128);font-weight:bold">function</span>() {<br>        <span style="color:rgb(102,14,122);font-weight:bold">console</span>.<span style="color:rgb(122,122,67)">log</span>(<span style="color:rgb(0,128,0);font-weight:bold">&#39;failed to initialize&#39;</span>);<br>        <span style="color:rgb(69,131,131)">auth</span>.<span style="color:rgb(102,14,122);font-weight:bold">loggedIn </span>= <span style="color:rgb(0,0,128);font-weight:bold">false</span>;<br>    });<br><br>}<br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt">And I call it on my script at the end.<br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt">And it seems to work.  But I am trying to do 2 things, save the token and use angular.  I know javascript but I am just starting with angular.<br><br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt">So here I have some questions.  <br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt">In the angular example is the <span style="color:rgb(0,128,0);font-weight:bold">&#39;authInterceptor&#39;</span> supposed to replace onAuthSuccess callback.  Or am I wrong. <br>Using angular how should I talk the callback listeners<br><br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt">Second part, is that in the &quot;authInterceptor&quot; I am getting Auth.authz.token as undefined, but in my console.log I can see it.  <br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt">So apparently console.log gets executed after a while, so that is why i can see the token on console.log, but authz.token is undefined aparently.<br><br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt">Maybe I am wrong with my logic, so here is what I think are the basic parts of using keycloak.js.  <br>Should I use document ready and remove ng-app on my page for keycloak to work<br><br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt">thanks,<br><br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt">Juan Diego<br></pre><pre style="background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:&quot;DejaVu Sans Mono&quot;;font-size:9pt"><br><br></pre></div>