Angular,将来自2个不同模块的信息拉入一个(或单独的模块)

时间:2015-02-27 17:59:20

标签: javascript angularjs

所以我将应用程序拆分为单独的模块,并试图将serrate模块中的信息基本上拉到一个地方。现在,它只是每个模块中控制器内控制器中的一些变量。我以为我可以将它们转储到带有id的div中并用jquery获取值 - 因为它们已经显示在同一页面上,但如果可能的话,我希望保持纯粹的角度。

所以 - 我所拥有的是同一页面上的2个独立模块,每个模块都有一个连接的控制器和一个内部的值

$scope.myValue = 1;

然后显示在页面上。我希望能够按下一个按钮,我希望将其放在一个单独的模块中(但如果它在其中一个模块中,它现在可以,并收集每个变量的值)在一个地方工作。我想知道是否有一个(相对)简单的方法来做角度。感谢阅读!

编辑 - 寻找模块之间的通信。

1 个答案:

答案 0 :(得分:1)

如果您只是需要传递一些数据:

在模块1上:

  $rootScope.$emit('DataFromModule1', data)
  $rootScope.$on('DataFromModule2', function(event, data){
      // Do something with the data
  }

在模块2上:

  $rootScope.$emit('DataFromModule2', data)
  $rootScope.$on('DataFromModule1', function(event, data){
      // Do something with the data
  }

根据模块的放置方式,您可以使用$scope继承和双向数据绑定。