angularjs - 如何在不同模块中的两个 Controller 之间共享服务

Question

我需要在两个 Controller 之间移动。 Controller 位于不同的模块中。 我如何在他们之间共享服务？

例子:

var app1 = angular.module('Module1', []);

app1.controller('FirstController', function ($scope,mutualService) {

//Doing things
});

var app2 = angular.module('Module2', []);

app2.controller('SecondController', function ($scope,mutualService) {

//Doing things
});

现在我也创建了一个服务，但我不知道如何正确编写它。

{???}.service('mutualService', function() {

    this.myObject = new MyObject();
});

我不知道要在 {???}.service 中放置什么。 我不能放置 app1 或 app2，因为其他两个不知道吗？ 我错了吗？

Answer 1

是的，你可以。您只需将服务模块设置为对两个 Controller 模块的依赖。

首先:

var serviceModule = angular.module('ServiceModule', []);
serviceModule.service('MutualService', function() {

    this.myObject = new MyObject();
});

然后:

var app2 = angular.module('Module2', ['ServiceModule']);