AngularJS，将服务注入控制器

Question

我刚刚开始使用angularJS，并开始将main.js分成几个自己的文件。 我的结构如下：

app.js

index.html

/ service / service1

/控制器/ cont1

我的问题是如何将服务注入控制器。

该应用程序：

angular.module('App',['ngDragDrop']);

服务：

angular.module('App')
   .factory('service1',function()
{...}

我试图通过注入将service1加载到cont1中

angular.module('App')
    .controller('cont1', cont1);

cont1.$inject=['$scope', 'service1']; 

function cont1($scope, service1) {
    $scope.we=service1.doSomething(); 
}

但它从来没有奏效。

最终，在加载控制器文件之前，我将service1脚本添加到了index.html文件中，并且该脚本运行良好。

我是否必须将要在应用程序中某处使用的每项服务添加到索引文件中？ 有没有其他办法？ 对我来说，如果我的index.html中有大量脚本标签，那似乎有点愚蠢

Greetz，并预先感谢！

Answer 1

是的，您的index.html将包含所有脚本引用。 您可以幻想并创建一个任务，该任务将最小化并将所有js文件合并为一个，然后仅引用1个文件。 为了进行调试，您想访问所有js文件，以防设置断点和调试