In that case, I would likely invoke the redirection to some suffixed URL when user click to your "Login" button. And the call to the keycloak.init() will be done only when URL ends with this suffix (or you can use the query parameter).

For example in the onClick event called when your button is clicked you will have:

var myLoginCallback = function() {
   if (auth.loggedIn) {
       // User is already logged in. Don't do anything or do whatever you want based on your app logic
   } else {
       // Redirect to the suffixed URL
       window.location = '/myapp/login';
   }
}

The angular bootstrap can then look like this:

angular.element(document).ready(function ($http) {
    var keycloakAuth = new Keycloak('keycloak.json');
    auth.loggedIn = false;

    if (window.location.endsWith('/myapp/login')) {
        keycloakAuth.init({ onLoad: 'login-required' }).success(function ()
        /// ... Use the code like in the example app       
    } else {
        // Automatically bootstrap angular. Application would be in anonymous mode
        angular.bootstrap(document, ["product"]);
    }
});

Marek

On 29.7.2015 14:39, Fabio Monteiro wrote: