javascript - 将值从页面传递到另一个页面

嘿，每个人都在尝试从页面向另一个发送值，我试图使用服务，然后我创建了另一个控制器，这样我就可以将数据从控制器发送到另一个控制器，最后我想对结果进行console.log，但什么都没有显示

这是我的app.js文件

//***********************************************************************************
var app=angular.module("siad",[]);
//***********************************************************************************

app.controller("siadController",['$scope','$http','dataShare','$location',function($scope,$http,dataShare,$location){


$http.get("/formulaire/all")
.success(function(data){
    $scope.formulaire=data ;
});


 $scope.send=function(){
    //$scope.id=f.id_form;
    //console.log(f)
    /**$http.get("/question/form?idfrom="+f.id_form)
    .success(function(data){
        $scope.question=data;
    console.log($scope.question)
    })
    **/
      $scope.text = 'sssss';
      $scope.send = function(){
        dataShare.sendData($scope.text);
        $location("/user/lesFormulaires.html")
      }



}



}]);

//***********************************************************************************

 app.controller("siadController2",['$scope','$http','dataShare',function($scope,$http,dataShare){


    $http.get("/formulaire/all")
    .success(function(data){
        $scope.formulaire=data ;
    });

     $scope.text = '';
     $scope.$on('data_shared',function(){
                 var text =  dataShare.getData();
                 $scope.text = text;
                 console.log(text)
     });


 }]);
//***********************************************************************************

  app.factory('dataShare',function($rootScope){
  var service = {};
  service.data = false;
  service.sendData = function(data){
      this.data = data;
      $rootScope.$broadcast('data_shared');
  };
  service.getData = function(){
    return this.data;
  };
  return service;
});

这是当我单击重定向到另一个页面并通过发送数据时的html按钮

<a href="/user/lesFormulaires.html" ng-click="send();" class="btn btn-large btn-primary black-btn">clickme</a>

感谢任何帮助

最佳答案

似乎您想要的是用于发送和接收消息的事件总线服务，这更加方便。

这是我用于此类目的的服务：

angular.module('core').factory('event', [
    function() {
        var service = {};
        var events = {};

        service.on = function (eventId, callback) {
            // validations...
            if(!events[eventId])
                events[eventId] = [];
            events[eventId].push(callback);
            return {
                unsubscribe: function(){
                    service.unsubscribe(eventId, callback);
                }
            };
        };

        service.emit = function(eventId, data, callback){
            if(events[eventId] && !!events[eventId].length){
                for(var i=0; i<events[eventId].length; i++){
                    events[eventId][i](data, callback);
                }
                return true;
            }
            else return false;
        };
        service.unsubscribe = function(eventId, callback){
            if(events[eventId]){
                for(var i=0; i<events[eventId].length; i++){
                    if(events[eventId][i].toString() === callback.toString()){
                        events[eventId].splice(i,1);
                    }
                    return true;
                }
            }else return false;
        };

        return service;
    }
]);

使用装饰器注册服务，然后在所需的任何控制器中使用它。

$provide.decorator('$rootScope', ['$delegate', 'event', function($delegate, event){
        Object.defineProperty($delegate.constructor.prototype, 'eventBus', {
            get:function(){
                var self = this;
                return{
                    on:function(eventId, callback){
                        var ev = event.on(eventId, callback);
                        self.$on('$destroy', function(){
                            ev.unsubscribe();
                        });
                    },
                    emit: event.emit
                };
            },
            enumerable: false
        });
        return $delegate;
    }]);

那么用法很简单：

$scope.eventBus.on('someEvent', function(){
});

$scope.eventBus.emit('someEvent');

编辑：

您可以在引导应用程序时添加装饰器配置，因为我在

angular.module('core').config(function($provide){
}

根据documentation


  仅在要公开API时，才应使用提供者配方
  适用于必须在
  应用程序启动。


该article进一步说明了如何在angular中设置提供程序配置，在google中，您会找到有关该主题的数百万篇文章。