0

当我在解析 AngularJS 文档时,我想我会发布这个以获得其他意见。

我的具体情况是,我希望使用模块的 run 方法更改可注射的设置。我有几种不同的方法可以访问注射剂,但不确定使用其中一种方法是否有明显的功能优势。或者他们归结为本质上相同的东西。

比如说我的模块是这样定义的:

var app = angular.module('MyModule', ['some.Third.Party.Module']);

现在考虑第三方模块中有一个工厂需要设置变量。这可以通过执行以下操作来完成:

app.run(['some.Third.Party.Module.Factory', function (theFactory) {
    theFactory.someVariable = 'foo';
}]);

另一种方法是:

app.run(function ($injector) {
    var theFactory = $injector.get('some.Third.Party.Module.Factory');
    theFactory.someVariable = 'foo';
});

一种方法比另一种更好吗?也许我还没有考虑过第三种选择?

4

3 回答 3

1

前者实际上是后者的简写,但请记住,$injector如果您缩小代码,直接引用会导致问题,因为该变量将被重命名。您的第一次使用是小型化证明。

我通常会坚持第一种用法,但您也可以像这样使用$inject注释

var MyController = function($scope, greeter) {
    // ...
}
MyController.$inject = ['$scope', 'greeter'];
someModule.controller('MyController', MyController);

MyController如果您想将属性添加到的原型并仍将其用作控制器定义,则这是有道理的。

我真的不确定你需要$injector直接使用的场景,除非你正在做一些非常花哨的事情。

还要记住runconfig方法之间的区别。后者允许您使用提供程序,这些提供程序允许您配置run方法中使用的服务(以及何时注入它们)。

于 2015-03-23T16:11:49.360 回答
1

我认为有两种情况你需要通过 $injector 获得服务/工厂/任何东西:

1)你有循环依赖,但你确定一切都会好起来的。

2)您需要从外部的“角度世界”中获取一些东西。

更新:@Explosion Pills 提供的案例也很有趣。

于 2015-03-23T16:12:09.677 回答
1

您实际上正在使用 Angular 提供的三种不同的方法来注入依赖项(据我所知)。

Angular 可以仅通过函数参数的名称来识别依赖项。当您注入时,您正在这里执行此操作$injector

app.run(function ($injector) { ... });

以上对于开发来说既快速又容易,但是在缩小代码时可能会遇到问题,因为变量名可以更改。

对于生产,通常在开发中一个好的做法是使用注释,就像您在第二个代码示例中已经为some.Third.Party.Module.Factory.

app.run(['$injector', function ($injector) { ... }]);

我知道的第三种方法是$injector直接使用。这对于单元测试很有用,如果您想有条件地切换注入哪个依赖项。它提供动态注释而不是静态注释。

于 2015-03-23T16:12:38.747 回答