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

发布时间：2020-12-17 07:08:05 所属栏目：安全来源：网络整理

导读：在我的一个项目中,我有两个应用程序.让我们说PurchaseApp和SalesApp.这两个应用程序正在使用名为Resourcesvc.js的共享服务(或工厂).目前结构有两种应用程序如下 PurchaseApp.js var PurchaseApp= angular.module('PurchaseApp',[]);PurchaseApp.factory("Re

在我的一个项目中,我有两个应用程序.让我们说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注入到两个模块中的任何控制器/服务中.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!