Geordnetes Modul als Abhängigkeit

Question

Meine Anwendung hat eine Winkelmodul:

var io = angular.module('IO_Operations', []); 

Das Modul hat auch einen Service-Eingabe/Ausgabe-Dinge zu realisieren:

io.service('ioService', function() { 
    var dataStore = {}; 

    return { 
     pushData: function (key, value) { 
      dataStore[key] = value; 
     }, 
     getData: function (key) { 
      return dataStore[key]; 
     } 
    }; 
}); 

Später möchte ich speichern Die dataStore Variable mit JSON in einer Datei als Objekt.

Jetzt habe ich eine iframe in meiner Anwendung, um einige Inhalte mit Tabs anzuzeigen, könnten Sie es so etwas wie einen Browser nennen.

Um die Möglichkeit zu geben, einige Einstellungen vorzunehmen, wollte ich es in einem iframe tun. Um die Daten in einer Datei zu speichern, muss ich die IO_Service nennen, die

in der Stammanmeldung ist

In meinem iframe habe ich ein Modul:

var settings = angular.module("settings", []); 

mit einem Controller

settings.controller("MyController", function ($scope) { ... } 

So

ich brauche eine Abhängigkeit für das übergeordnete Modul zu erklären, die ioService zu verwenden, um die pushData Funktion aufzurufen.

hat einige Tipps für mich jemand, dies zu realisieren haben?

Answer 1

Alles, was Sie tun müssen, ist, dass das Einstellungsmodul eine Abhängigkeit vom E/A-Betriebsmodul hat. Sobald dies erledigt ist, können Sie den E/A-Service wie im selben Modul verwenden:

var settings = angular.module("settings", ["IO_Operations"]); 

settings.controller("MyController", function ($scope, ioService) { ... } 

Answer 2

Alles DoctorMick says here ist korrekt und muss durchgeführt werden, um auf den Dienst überhaupt in Ihrem Controller zugreifen zu können.

Zusätzlich haben Sie die Tatsache Rechnung zu tragen, dass die Eltern und iframe keinen Javascript Kontext teilen:

The Same-Domain

In Ihrem Modul Antwort, dataStore muss entweder window.dataStore sein oder window.parent.dataStore (oder möglicherweise window.top.datastore), je nachdem, ob das Modul in einem -Frame oder als Haupt Seite geladen ist:

io.service('ioService', function() { 
    var inIframe = (window.parent !== window); // or (window.top !== window); 

    // If we are in the iframe, we want to use the parent's dataStore, 
    // If we are not in the iframe, we are the parent, so use ours. 
    var dataStore = inIframe ? window.parent.dataStore : window.dataStore; 

    dataStore = dataStore || {}; 

    return { 
     pushData: function (key, value) { 
      dataStore[key] = value; 
     }, 
     getData: function (key) { 
      return dataStore[key]; 
     } 
    }; 
}); 

Oder etwas in diesem Sinne. Im Grunde, herauszufinden, ob Sie in den Iframe oder Eltern geladen werden und entweder an Ihre eigenen (als Eltern) dataStore oder die dataStore der Eltern anhängen. Antwort

The Cross-Domain

Der Hauptrahmen und die iframe sind völlig unabhängig - sie könnten auch (fast) zwei verschiedene Browser-Tabs sein - so dass sie nicht alles aus einer Daten Perspektive Javascript teilen . Ohne irgendeine Art von iframe-Kommunikationsbibliothek zu verwenden oder eine API zu verwenden (über WebSockets, vielleicht?) um es zu sichern, werden Sie nicht in der Lage sein, die beiden Frames zur Kommunikation zu bringen.

Wenn Sie Ihr Problem als zwei verschiedene Anwendungen betrachten - den 'Browser-Container' und eine Sammlung von 'Browsern' - und nach einer geeigneten Anwendung-zu-Anwendung-Kommunikation suchen, könnte das helfen.

Konkreter vorausgesetzt, Sie eine clientseitige Lösung wollen, Ihre pushData(key, value) und getData(key) Methoden in der ioService brauchen nur einen Kommunikationsmechanismus wickeln gebaut entweder die native Window.postMessage API oder eine Bibliothek wie postmessage oder porthole.