不同选项卡中控制器之间的Angularjs通信[副本]

Question

我有控制器A，它将一些数据发送给共享服务，控制器B应该读取这些数据。问题是控制器B与控制器a在不同的页面（在同一网站上），即我做SMTH。在控制器A上，单击按钮（向服务发送数据）并打开另一个页面，其中是控制器B，它应该从服务读取数据。但是什么也没有发生，所以我的问题是，不同页面上的控制器能这样通信吗？

以下是我如何尝试去做，但没有运气：

服务：

publicApp.angularModule.service('controllerCommunicationService', function ($rootScope) {
    var communicationService = {};
    communicationService.data = null;

    communicationService.setDataForBroadcast = function(data) {
        this.data = data;
        this.broadcastData();
    };

    communicationService.broadcastData = function() {
        $rootScope.$broadcast('handleBroadcast');
    };

    return communicationService;
});

控制器A相关部分：

publicApp.angularModule.controller('PublicRoutinesCtrl', function ($scope, $rootScope, routinesService, controllerCommunicationService, bootstrapCarouselService) {


    $scope.goToNextScreen = function() {
        var currentIndex = bootstrapCarouselService.getcurrentSlideIndex();
        controllerCommunicationService.setDataForBroadcast($scope.items[currentIndex].Routine.RoutineId);



    };

控制器B相关部分：

 $rootScope.$on('handleBroadcast', function () {
        console.log("TEST");
        $http.post("/EditWorkout/PostRoutineId", { routineId: controllerCommunicationService.data })
             .success(function() {
                 console.log("success");
             })
            .error(function (responseData) {
            console.log("Error !" + responseData);
        });
    });

甚至console.log（“test”）；也不会被激发。

Answer 1

根据你的问题

我的问题是，不同页面上的控制器能这样通信吗？

答案是否定的。Angular和javascript不是这样设计的。

但是，如果您的意思是在同一页面上有不同的视图，那么是的，您可以使用一个服务。服务是单例的，并且在保存在同一页上时跨控制器保存它们的数据。

如果您真的想要将数据从一个页面发送到另一个页面，您的选择是通过查询字符串（在url上）或发布数据，或者如果您只支持现代浏览器，那么您可以使用客户端本地存储(http://www.w3schools.com/html/html5_webstorage.asp)

Answer 2

还有另外两种方法可以在标签之间进行通信。通过具有全局域的cookie，不推荐使用全局域，因为不安全。

或使用PostMessage：

https://developer.mozilla.org/en-us/docs/web/api/window.postmessage？redirectlocale=en-us

演示：

http://html5demos.com/postmessage2

和浏览器支持：

http://caniuse.com/#feat=x-doc-messaging