角模块依赖注入不按预期工作

Question

所以我有麻烦管理我的节点应用程序的依赖关系。的结构如下

app.js

var app = angular.module('myApp', ['myController', 'myFactory', 'rzModule', 'chart.js', 'myService', 'selector']); 

myController.js

var app = angular.module('myApp', ['chart.js', 'rzModule', 'selector']); 
app.controller('myController', function($scope, $http, $rootScope, myFactory, mySecondService){ ... }]); 

myFactory.js

angular.module('myApp').factory('myFactory', function($http, $rootScope){ ... }); 

myService.js

angular.module('myApp').service('myService', function($http){...}); 

上面的结构工作，应用程序按预期运行。但是我不认为我在myController.js中所做的是正确的，因为我现在想要添加另一个依赖关系，并且我不知道如何在没有应用程序崩溃的情况下执行此操作。

问题1：在上面的myController.js中，我想我正在创建一个新模块，而不是重用app.js中的一个，是否正确？如果是这样，内嵌移动3依赖性就像下面这个结果“是myController的不可用”：

var app = angular.module('myApp'); 
app.controller('myController',['chart.js', 'rzModule', 'selector', function(...) 

为什么这个不行？根据documentation它应该。我想将angular-moment添加到myController中。该指示说我应该将'angularMoment'作为依赖项添加到app.js，然后'moment'添加到控制器依赖项。如果我这样做，并像问题1一样添加内联'moment'，则我再次遇到“myController不可用”错误。

Answer 1

所以回答你的问题 快的事情，你有angularjs继续之前，模块需要注入器应用程序没有到控制器，所以任何模块，包括需要在应用中被注入。

var app = angular.module('myApp', [<all modules comma separated>]); 

同样的控制器可以有这些模块定义了注入myApp

你不能注入控制器，其要么链接到myApp（如服务，工厂等）所有这些依赖关系和这些服务在对myApp只有模块的服务可以有

注入问题1

var app = angular.module('myApp', ['chart.js', 'rzModule', 'selector']); 
app.controller('myController', function(...) 

这shold工作，并利用这一点，并不意味着你正在创建任何新的应用程序

问题2

var app = angular.module('myApp', ['angularMoment']); 
app.controller('myController', ['moment', function(...) 

这样你可以使用瞬间的对象。

Answer 2

正如Satpal说

app.controller('myController',['chart.js', 'rzMo 

是要走的路，或者写这将是做这样的事情一个更清洁的方式。

angular.module('myApp').controller('myController'); 

myController.$inject = ['$scope', '$http', '$rootScope', 'myFactory', 'mySecondService'] 

function myController($scope, $http, $rootScope, myFactory, mySecondService){} 

原因myController不可与修复的是，它现在你没有覆盖的主要应用模块，它在寻找一个叫myController模块不能被发现（因为它是一个控制器，而不是一个模块）。所以删除'myController'从var app = angular.module('myApp', ['myController'

我建议你看看John Papa's Style Guide for AngularJS它可以有助于编写干净的代码。

Answer 3

Ans 1： 是的，在第二种情况下，您正试图再次定义它。 要定义一个应用程序使用：

angular.module('myApp', [..list of dependancies...]); 

现在，如果你想在前面的模块使用定义控制器

angular.module('myApp').controller(); 

现在来注入你的3个依赖关系，它们移动到已定义的顶你应用程序。回答2：您必须向您的控制器注入angularMoment到您的应用程序和时刻。

在angular中处理依赖注入的最好方法是使用$ inject。比如你控制器看起来像

angular.module('myApp').controller('myController', myController); 

myController.$inject = ['moment','$scope', '$http', '$rootScope', 'myFactory', 'mySecondService'] 
function myController(moment, $scope, $http, $rootScope, myFactory, mySecondService){ 
    //your controller code. 
} 

，否则你可以尝试以下以及

angular.module('myApp').controller('myController',['moment','$scope', '$http', '$rootScope', 'myFactory', 'mySecondService', function myController(moment, $scope, $http, $rootScope, myFactory, mySecondService){ 
    //your controller code. 
}]); 

下也可以工作，但不推荐使用;

angular.module('myApp').controller('myController',function myController(moment, $scope, $http, $rootScope, myFactory, mySecondService){ 
     //your controller code. 
    });