按条件解决角度应用程序中的依赖关系答案

【问题标题】：Resolving dependencies in angular application by condition按条件解决角度应用程序中的依赖关系
【发布时间】：2015-04-16 00:39:03
【问题描述】：

我计划实现基本角度模块 base 和 2 个子模块 m1 和 m2。在模块base 中将实现所有服务、指令和控制器。在模块中，m1 和 m2 将是具有相同名称的服务、控制器、指令的不同实现。

在我的应用程序中将有 2 个几乎相同的编辑器，但服务、指令或控制器的实现也会有所不同。

假设我在base 模块中有控制器

function IndexCtrl($scope, userService) {

}

但在模块中m1 和m2 是userService 的不同实现。

我正在使用 ui.router 开发 SPA，并使用 ng-app 指令启动应用程序。

angular.module('test', ['base', 'm1', 'm2'])

<html ng-app="test">
</html>

服务userService 将根据test 模块定义中的模块顺序进行解析。

在这种情况下，我该如何解决依赖关系？我不能使用提供者，因为基本模块对子模块一无所知。我也不能使用angular.bootstrap。

【问题讨论】：

什么条件应该决定使用哪个模块？哪里有这个条件？
这里条件 - 具体编辑器，在第一个我想使用第一个模块 (m1) 的实现，在第二个 - 形成第二个模块 (m2)。

标签： angularjs

【解决方案1】：

目前 AngularJS 不处理服务的命名空间冲突，这意味着，您有 2 个不同的模块，服务名称相同，并且您在应用程序中包含这两个模块，只有一个服务将可用。而且正如你刚才所说，服务将根据模块注入的顺序来解决。

解决此问题的正确方法是为服务添加前缀，而不是使用完全相同的名称。

【讨论】：

但是我不能给名字添加前缀，因为它被我的 IndexCtrl 中的引用打破了。

【解决方案2】：

您不能有两个具有冲突命名空间的模块。但是如果条件不变并且在早期可用，您可以注册正确的服务和指令集：

var userService1 = function(...) {...};
var userService2 = function(...) {...};

var module = angular.module("m", []);

if (condition) {
    module.service("userService", userService1);
} else {
    module.service("userService", userService2);
}

【讨论】：

不，它不起作用。模块在索引页面中加载并在其他页面中使用。