使用angularJS将成功消息从一个视图页面传递到另一个页面

时间:2014-10-31 13:23:18

标签: angularjs

我是angularJS的新手。我有一个要求,就像我想将成功消息从一个html页面传递到另一个页面,我想打印成功消息。

这是我的angularJS控制器代码,

$http({
                method: 'POST',
                url: '/test/resources/rest/event/createEvent',
                headers: {'Content-Type': 'application/json'},
                data:  $scope.event
            }).success(function (data){
                if(data.status.status == 200){
                    //alert("data.status.message:"+data.status.message);
                    $scope.message=data.status.message; 
                    $window.location.href = "/test/view/myEvents.html";
                }else{
                    $scope.message=data.status.message;
                }
            });

成功消息在scope.message下绑定。我想传递该消息,需要进入另一个页面进行打印。

请帮帮我

... TIA

1 个答案:

答案 0 :(得分:1)

您可以使用$ rootscope将消息从一个控制器传递到另一个控制器,甚至可以更好地发出事件,这样可以更容易:

    $http({
            method: 'POST',
            url: '/test/resources/rest/event/createEvent',
            headers: {'Content-Type': 'application/json'},
            data:  $scope.event
        }).success(function (data){
            if(data.status.status == 200){
                //alert("data.status.message:"+data.status.message);
                $rootScope.message=data.status.message; 
                $location.path('YourRoute');
            }else{
                $scope.message=data.status.message;
            }
        });

您还可以使用服务,事件总线等,这实际上取决于您的需求,但使用rootcope更容易。

修改

您可以使用{{$ root.message}}直接在视图上引用rootscope,查看此提琴手以获取参考http://jsfiddle.net/3XT3F/10/