Question

在我的一个项目中，我有两个应用程序。让我们说PurchaseApp和SalesApp。这两个应用程序正在使用名为Resourcesvc.js的共享服务（或工厂）。目前结构有两种应用程序如下所示

PurchaseApp.js

var PurchaseApp= angular.module('PurchaseApp', []);
PurchaseApp.factory("Resourcesvc", ["$http", "$q", Resourcesvc]); // Registering Resource DI in app
PurchaseApp.controller("organizationCtrl", ["$scope", "organizationFactory",organizationCtrl]);

SalesApp.js

    var SalesApp= angular.module('SalesApp', []);
    SalesApp.factory("Resourcesvc", ["$http", "$q", Resourcesvc]); / Registering Resource DI in app
    SalesApp.controller("organizationCtrl", ["$scope", "organizationFactory",organizationCtrl]);

现在工作正常。但有没有更好的方法或实践可用于跨模块/应用程序共享公共服务。（我真的很困惑角度应用程序与模块）

Answer 1

如果您为每个应用程序创建一个模块，为共享服务创建一个模块，那么

var serviceModule= angular.module('ServiceModule', []);
serviceModule.factory("Resourcesvc", ["$http", "$q", Resourcesvc]);

var purchaseModule= angular.module('PurchaseModule', ['ServiceModule']);
purchaseModule.controller("organizationCtrl", ["$scope", "organizationFactory",organizationCtrl]);

var salesModule= angular.module('SalesModule', ['ServiceModule']);
salesModule.controller("organizationCtrl", ["$scope", "organizationFactory",organizationCtrl]);

现在，您的服务仅在ServiceModule中宣布一次，而您还有另外两个＆＃34;应用＆＃34; （正如你在问题中所确定的那样modules）每个都声明对它的依赖。 Resourcesvc现在可以注入到两个模块中的任何控制器/服务中。

声明对其他模块（包括您自己的模块和第三方模块）的依赖性是模块声明的[]部分。

如何跨两个角度应用程序共享常见功能

1 个答案: