打开新窗口 AngularJS 后在控制器之间共享变量

Question

我遇到必须将用户定义的对象从一个控制器传递到另一个控制器的情况，该控制器在新窗口中打开。为此，我尝试了几种常见的方法，例如$emit使用工厂或服务$rootScope，并从那里$broadcast到第二个控制器。

但我总是卡在根范围内。我可以在那里记录变量，但是当新窗口打开时它们似乎消失了（新窗口的控制台中甚至没有出现未定义的变量）。我可以从 rootscope 获取固定变量，但没有任何从第一个控制器发出的变量。

有人知道我该如何解决这个问题吗？

这是我的代码：

// SHARING DATA BETWEEN CONTROLLERS VIA ROOT SCOPE:
var table_app = angular.module("tableApp", [])
.factory("sharedVars", function($rootScope, $log) {
    /*
     Receive emitted message and broadcast it.
     */
    $rootScope.$on("handleEmit", function(event, object){
        var value1 = object.data1;
        var value2 = object.data2;
        var value3 = object.data3;
        $log.log(value2, value3)           // WORKS
        $rootScope.$broadcast("handleBroadcast", 
            {data1: value1, data2: value2, data3: value3});
    })
    // JUST TO CHECK IF I CAN GET DATA FROM HERE:
    return { fixedSharedObject: {data1: 22, data2: 33, data3: 44}}  // WORKS
})
.controller("FirstCtrl", function ($scope, $rootScope, $q, $log, sharedVars) {
    $scope.onClick = function(number, adress) {
        newWindow = window.open(adress, "Zweitfenster", "width=700, height=900");
        newWindow.focus();
        var lineNumber = document.getElementById("lineCell" + number).innerHTML;
        var blockNumber = document.getElementById("blockCell" + number).innerHTML;
        var tripId = document.getElementById("tripCell" + number).innerHTML;
        $log.log(lineNumber, blockNumber, tripId);                             // WORKS
        $scope.$emit("handleEmit", 
            {data1:lineNumber, data2: blockNumber, data3: tripId});
    }
})
.controller("SecondCtrl", function($scope, $rootScope, $log, sharedVars){
    $scope.singleTripLineNumber = sharedVars.fixedSharedObject;               // WORKS
    $scope.singleTripBlockNumber = sharedVars.fixedSharedObject;
    $scope.$on("handleBroadcast", function(event, object){
        var value1 = object.data1;
        var value2 = object.data2;                                    // DOES NOT WORK!
        var value3 = object.data3;
        $log.log(value3)
    })
});

Answer 1

你不能

这样做。窗口/选项卡之间的 JS 环境不共享。你能做什么：

• 将数据作为 window.open() 中的 URL/path 参数传递，使用目标控制器中的 $location 服务检索它们。
• 如果支持，请使用浏览器的本地存储（会话存储不在选项卡之间共享，请参阅ejain的评论），如果不支持，则使用cookie。