在我的一个项目中,我有两个应用程序.让我们说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",Resourcesvc]); / Registering Resource DI in app SalesApp.controller("organizationCtrl",organizationCtrl]);
它的工作正常.但有没有更好的方法或实践可用于跨模块/应用程序共享公共服务. (我真的很混淆角度应用与模块)
解决方法
如果为每个应用程序创建一个模块,则为共享服务创建一个模块
var serviceModule= angular.module('ServiceModule',[]); serviceModule.factory("Resourcesvc",Resourcesvc]); var purchaseModule= angular.module('PurchaseModule',['ServiceModule']); purchaseModule.controller("organizationCtrl",organizationCtrl]); var salesModule= angular.module('SalesModule',['ServiceModule']); salesModule.controller("organizationCtrl",organizationCtrl]);
现在,您的服务仅在ServiceModule中声明一次,并且您有两个其他“应用程序”(在您的问题中确定的模块),每个都声明了对它的依赖.现在可以将Resourcesvc注入到两个模块中的任何控制器/服务中.
声明对其他模块(包括您自己的模块和第三方模块)的依赖性是模块声明的[]部分.