javascript - 注入(inject)错误

Question

我在单独的文件中有一个模块:

(function () {
var staffGrid = angular.module('staffGrid');
staffGrid.directive('employee2', function () {
        return {
            restrict:'E',
            template:"Tralala2"};
    });
})

在主 JS 文件中我添加依赖项:

(function () {
var app = angular.module('teamStaffApp', ['staffGrid' ]);

在 HTML 中(staffGrid.js 已加载(选中)):

<script type="text/javascript" src="app/staffGrid.js"></script>

并且出现错误: https://docs.angularjs.org/error/ $injector/modulerr?p0=teamStaffApp&p1=未定义

出了什么问题？我被困住了 无需注入(inject) StaffGrid - 一切正常

Answer 1

要声明新模块 staffGrid，您需要提供一个依赖项数组作为第二个参数，否则它是一个 getter 语法:

var staffGrid = angular.module('staffGrid', []);