如何在 AngularJS 中的两个模块之间共享数据?

Posted

技术标签:

【中文标题】如何在 AngularJS 中的两个模块之间共享数据?【英文标题】:How to share data between two modules in AngularJS? 【发布时间】:2014-12-23 00:28:42 【问题描述】:

我正在使用 AngularJS 和 c# mvc。我有一个主页,用户可以在其中输入一些数据,并且应该将其传递给第二个模块,在该模块中我使用这些数据进行处理和决策。我必须使用在第二个模块中的第一个模块中输入或更新的数据。有人可以帮我实现这一目标吗?

【问题讨论】:

【参考方案1】:

希望下面的实现能帮助你有所了解。

angular.module('app.A', [])
.service('ServiceA', function() 
    this.getValue = function() 
        return this.myValue;
    ;

    this.setValue = function(newValue) 
        this.myValue = newValue;
    
);

angular.module('app.B', ['app.A'])
.service('ServiceB', function(ServiceA) 
    this.getValue = function() 
        return ServiceA.getValue();
    ;

    this.setValue = function() 
        ServiceA.setValue('New value');
    
);

【讨论】:

我有两个modules.frontApp 和departmentApp。我需要通过点击某个链接将数据从frontApp 传递到departmentApp。我必须在两个app.js 中使用上述代码吗? @Aviro 如果两个模块属于同一个应用,推荐采用这种方式传输数据。 我有两个不同的 ng-app。是否可以通过调用函数将 id 从一个应用程序发送到另一个应用程序? 这是我的问题的链接。如果你有时间请通过。***.com/questions/46193464/…

以上是关于如何在 AngularJS 中的两个模块之间共享数据?的主要内容,如果未能解决你的问题,请参考以下文章

在 AngularJS 中的两个指令之间共享数据

AngularJS中模块之间的通信

如何在 angularjs ui-router 中的状态之间共享 $scope 数据?

AngularJS:为啥人们更喜欢工厂在控制器之间共享数据[重复]

如何在angularjs ui-router中的状态之间共享$ scope数据?

一个模块中的 AngularJS 指令和另一个模块中的模板