javascript - 尝试在Angular Controller 上注入(inject)依赖项时出现未知提供程序错误

我正在尝试通过以下方式在userMenuController中插入“模态”指令：

angular.module('mgApp.controllers').controller('userMenuController', ['$scope', 'modals', function($scope, modals) { ... }])

这是modals.js：

angular.module('mgApp.directives').directive('modals', function(){ ... })

在app.js上，app的定义如下：

var app = angular.module('mgApp',['templates', 'angularUtils.directives.dirPagination', 'mgApp.filters', 'mgApp.directives', 'mgApp.services', 'mgApp.controllers']);

但我不断收到此错误：

Error: [$injector:unpr] Unknown provider: modalsProvider <- modals <- userMenuController

我想念什么？

最佳答案

快速思考：确保已将所有.js文件包含为

<script src="*.js"></script>

在index.html文件中