Ottieni risultati JSON dalla finestra popup. Angular.JS

Question

Ho una finestra pop-up che chiama un backend RESTful per eseguire l'autenticazione Oauth, ma quando viene restituito il risultato, visualizza il JSON nella finestra popup invece di chiudere la finestra popup e memorizzare il JSON in un modello. Come posso risolvere questo?

this.socialLogin = function(provider) { 
    var url = urlBase + '/' + provider, 
     width = 1000, 
     height = 650, 
     top = (window.outerHeight - height)/2, 
     left = (window.outerWidth - width)/2, 
     socialPopup = null; 

    $window.open(url, 'Social Login', 'width=' + width + ',height=' + height + ',scrollbars=0,top=' + top + ',left=' + left); 
}; 

Answer 1

La situazione descritta non è probabilmente il modo migliore per risolvere il problema in Angular. Presumo che questo sia scritto all'interno di un controller. In tal caso, effettuare una chiamata a un servizio di back-end è preferibile con il servizio $http. Per fare ciò,

controller.js

angular.module('example') 
    .controller(['$scope', '$http', '$window', function($scope, $http, $window) { 

    $scope.socialLogin = function(urlEnd) { 
    $http.get(urlBase + '/' + urlEnd) // Should probably be posting here... 
     .then(function(res) { // Your JSON response here 
     $scope.doSomethingWithTheResponse(res.data); 
     }, function(err) { // Handle your error 
     $window.alert("We got us an error!\n" + JSON.stringify(err)); 
     }); 
    } 
    }])