Passer d'une application AngularJS à une autre-- le contenu de la page ne se met pas à jour

Question

J'ai deux applications angulaires dans le cadre de mon application. La première application est essentiellement la page de connexion, et la deuxième application est tout le reste. Les deux applications partagent un certain nombre de services, dont un qui contrôle les informations de connexion/logique.

Le problème se produit lorsqu'un utilisateur utilise la fonctionnalité «se souvenir de moi». Nous souhaitons qu'ils soient automatiquement connectés lorsqu'ils accèdent à la page de connexion et qu'ils soient redirigés vers la page d'état connectée. Le bit connecté automatiquement fonctionne correctement, mais lorsque nous tentons de rediriger l'utilisateur vers la page d'état, qui se trouve dans la deuxième application, il se bloque dans une boucle infinie où la page de connexion est actualisée à plusieurs reprises. (Il est intéressant, si l'utilisateur n'est pas connecté, entre les informations de connexion appropriées et clique sur le

Il semble que la redirection fonctionne, parce que l'URL se met à jour correctement et la page se rafraîchit, mais le contenu est faux (toujours l'ancien contrôleur et vue), donc il continue à refaire la même chose - vérifier pour voir si connecté, rediriger si oui Comment puis-je m'assurer que je transfère réellement à la deuxième application et charge la bonne vue/contrôleur sur un rediriger

code:

twPublicApp.controller('PublicLoginCtrl', function ($scope, $http, LoginData, BrowserStorageService, $window, $location) { 
    window.changeApiRoot('/api/'); 

    $scope.username = ''; 
    $scope.password = ''; 
    $scope.remember = false; 
    $scope.errorMessage = ''; 
    $scope.authenticating = false; 

    if (LoginData.get('SessionToken', null, true) !== null) { 
     // Check if still has a valid session 
     $scope.authenticating = true; 
     LoginData.checkSession(LoginData.get('SessionToken'), LoginData.get('Location')) 
      .success(function(data) { 
       if (data.Result === true) { 
        console.log('User looks to be already logged in... sending on'); 
        BrowserStorageService.changeStore('localStorage'); 
        LoginData.set(data); 

        //This is the line giving me problems. I've tried these two versions, and a few others, and nothing seems to work properly. 
        //window.location.href = '/console#/status'; 
        $window.location = '/console#/status'; 

        $scope.authenticating = false; 
       } else { 
        $scope.authenticating = false; 
        LoginData.set({}); 
       } 
      }) 
      .error(function(jqXHR, textStatus, errorThrown) { 
       $scope.authenticating = false; 
       LoginData.set({}); 
      }); 
    } 

    $scope.authenticate = function() { 
     $scope.authenticating = true; 
     LoginData.authenticate($scope.username, $scope.password, $scope.remember) 
      .success(function(data) { 
       if (data.Result === true) { 
        if ($scope.remember) { 
         BrowserStorageService.changeStore('localStorage'); 
        } else { 
         BrowserStorageService.changeStore('sessionStorage'); 
        } 
        LoginData.set(data); 

        //Interestingly, this line works perfectly. 
        window.location.href = '/console#/status'; 

        return; 
       } 
       $scope.authenticating = false; 
      }) 
      .error(function(jqXHR, textStatus, errorThrown) { 
       $scope.authenticating = false; 
      }); 
    }; 

}); 

Answer 1

Using $window or $location to Redirect in AngularJS 0 Je crois que le lien mentionné ci-dessus vous aidera à résoudre votre problème.

Answer 2

Quelques suppositions

1. Essayez d'utiliser la fenêtre de $ ou de fenêtre, pas les deux. Le bloc if (LoginData.get('SessionToken', null, true) !== null) peut fonctionner trop tôt. Essayez de le placer dans un bloc $ timeout pour voir si c'est différent.

Answer 3

Il vous semble LoginController App est bien, mais le lorsque l'utilisateur est redirigé vers la page toutes les autres valeurs que vous avez spécifié comme « l'authentification » ne reste pas même là, sauf le stockage de session. Je ne sais pas comment vous authentifiez l'utilisateur pour la vérification de connexion si elle est basée sur l'un de ces drapeaux parce que votre morceau de code vous convient. Gardez à l'esprit chaque fois que vous changez/redirigez vers un autre site, tout est de nouveau amorcé. Partagez le code de base de l'autre application ou assurez-vous que vos données de session (ou que vous vous authentifiez) sont basées sur les mêmes données.

Answer 4

Je tiens à souligner tout d'abord que la façon dont vous manipulez les choses n'est pas conseillée. Peu importe la complexité du traitement d'un projet via une application racine est plus facile à long terme.

Maintenant, une réponse spécifique à votre question.

Vérifiez les éléments dans $locationProvider afin qu'il n'y ait pas de scintillement etc. et après les rediriger vers la page qui gère les vues pour votre deuxième application.

$window.open('root_page_second_app.html', '_self'); 

Cela devrait fonctionner correctement.