AngularJs App kann lokale Änderungen nicht abhören von einem anderen Fenster

Question

In meiner AngularJS-Anwendung kommunizieren zwei Windows über localStorage, um eine einzelne Websocket-Verbindung zu verwenden. Das Hauptfenster überwacht Nachrichten vom Server, die eingehende Daten in eine localStorage-Eigenschaft einfügen. Das untergeordnete Fenster verwendet eine eckige $ watch-Eigenschaft für diese Eigenschaft, um eingehende Daten in ein Raster einzutragen. Die Verwendung von verschiedenen Fenstern und einer einzelnen Verbindung ist eine Voraussetzung.

Das Problem ist, dass der Controller des untergeordneten Fensters scheint nicht in der Lage sein, die localStorage -Eigenschaft zu sehen, bis das Browser-Entwicklungstool (F12) nicht geöffnet ist.

Wie kann ich dieses Problem beheben?

Answer 1

Ich habe ein eckiges Projekt, das auch localstorage und localforage.js verwendet. Diese Aussage verengt Ihr Problem wirklich auf die Entwicklungstools, nein ?:

"bis das Browser-Entwicklungstool (F12) nicht geöffnet ist."

Vergewissern Sie sich, dass dieses Kontrollkästchen deaktiviert ist.

die Seite neu laden und erneut versuchen.

Oder Sie könnten diese Lösung versuchen: Using localstorage checks in a different windowwindow.postMessage()

Unser QA-Team mit meldet mehrere Fehler von stammen zwei Fenster mit localstorage offen ist, so dass der Datenzugriff hat eng synchronisiert werden. Das untergeordnete Fenster würde also Daten an das übergeordnete Element senden, das mit dem lokalen Speicher umgehen würde.