Wie wird ein AngularJS-Ereignis aus einem Popup ausgegeben?

Question

Szenario: Ich habe eine AngularJS App, die Googles Auth. Verwendet.

Abhängig von der Ressource, wenn Angular (mein) Backend aufruft, kann es eine Antwort zurückgeben, die nach einem Oauth-Token fragt. In diesem Fall zeigt Angular mit dieser Weiterleitungs-URL ein Popup-Fenster (nicht das modale Dialogfeld des Bootstrap) an.

Google wird authentifiziert, um Erlaubnis gefragt und sendet den Benutzer an mich zurück. Es gibt eine Rückruf-URL, die den 'Code' verarbeitet und das echte Token abruft. Diese callbak URL wird in diesem Popup aufgerufen.

Wenn ich das Token zu erhalten, soll das Fenster selbst schließen, und benachrichtigt Angular die letzte Anfrage erneut versuchen (jetzt habe ich das Token in der Sitzung des Benutzers)

Problem: Wie kann ein Popup emittiert eine Angular Veranstaltung?

Eigentlich muss es nicht $rootScope.$emit sein, aber nur eine Möglichkeit, Angular zu benachrichtigen.

Ich sah this option, aber es scheint nicht gut für Angular :(

Answer 1

Sie local Ereignisse verwenden können, um diese Demo einen Blick darauf werfen. http://html5demos.com/storage-events

// this should be in the main page 
$window.addEventListener('storage', function(event) { 
    if(event.key === 'login-notification') { 
    // got it! 
    // you can get the value from 
    // the notification with "event.newValue" 
    } 
}, false); 

// send the event with just a setItem from the popup 
$window.localStorage.setItem('login-notification', 'ayy'); 

Answer 2

zuerst einen Dienst erstellen

Jetzt im Popup können Sie den Token im Service einstellen, jetzt haben Sie den Wert verfügbar durch die App. Sie können auch den speziellen Schlüssel in der serv Eis und etwas Aktion, wenn der Wert eingestellt ist.