AngularJS，将服务注入控制器

Question

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

app.js

index.html

/服务/服务1

/controller/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 中有大量脚本标签，这似乎有点愚蠢

提前致谢！

Answer 1

是的，您的 index.html 将包含您所有的脚本引用。您可以花哨并创建一个任务，将所有 js 文件缩小并合并为一个，然后仅引用 1 个文件。出于调试目的，您希望能够访问所有 js 文件以防设置断点和调试