javascript - tipos - Comunicación asincrónica páginas cruzadas

tipos de comunicacion sincronica

Question

Tengo una página addin.html . Puede mostrar otro editor página (que no necesariamente está en el mismo dominio)

popup = window.open("https://localhost:3000/#/posts/editor/", "popup")

Luego, las dos páginas tienen a cada oyente dentro y pueden enviarse datos entre ellos

// listen:
function receiveMessage(event) {
    document.getElementById("display").innerHTML = JSON.stringify(event.data);
}
window.addEventListener("message", receiveMessage, false);

// send:
function sendMessage() {
    popup.postMessage("data", popup.location.href);
}

editor es realizado por ui-router . Inicialmente, resuelve init antes de cargar la página:

.state(''editor'', {
    controller: ''EditorCtrl'',
    resolve: { init: [ ... ] },
    ...
};

app.controller(''EditorCtrl'', [''$scope'', ''init'', function ($scope, init) {
    ...
}]

Lo que quiero implementar ahora es, cuando addin.html editor , envía algunos datos al editor , e init necesita resolver estos datos, antes de cargar la página. editor podría bloquearse antes de recibir los datos de addin.html .

¿Alguien sabe cómo enmendar los receptores y remitentes (y algo más) para lograr esto?

Answer 1

Puede devolver una promesa personalizada y resolverla cuando lo desee como el siguiente código

.state(''editor'', {
  controller: ''EditorCtrl'',
  resolve:{
    init: function($q){
         var deferred = $q.defer();
         window.addEventListener("message", function(event){
              deferred.resolve(event.data);
         }, false);
         return deferred.promise;
     }
  }
});

El controlador espera que el elemento anterior se resuelva por completo antes de la creación de instancias.