javascript - 多个 Controller 和 Grunt 的 AngularJS 错误

Question

无法让多个 Controller 与 Grunt 一起使用。不过，Grunt 不是问题，因为简单地手动组合文件也不起作用。我正在尝试使用 Grunt 和每个文件一个 Controller 来构建应用程序，以便随着时间的推移构建应用程序。

Controller 位于使用 Grunt 合并和缩小的单独文件中。这是可行的，并且模块在缩小之前看起来是正确的。未缩小的示例位于 script.js 中。

我收到以下错误:错误:错误:unpr未知提供商

'use strict';
angular.module('OntarioDarts', []);

// Source: app/Modules/Events/EventController.js
angular.module('OntarioDarts').controller('EventCtrl', function ($scope) {
    $scope.Events = [
        {
            'Id': 1,
            'Name': '12th Annual Frank Hanlon Tournament',
            'Date': 20150117,
            'Time': 1000,
            'Image': 'images/Events/FrankHanlon20150128.jpg',
            'Flyer': ''
        },
        {
            'Id': 2,
            'Name': '1st Annual Ken Cadieux Memorial Christmas Tournament',
            'Date': 20141227,
            'Time': 1000,
            'Image': 'images/Events/KenCadieux20141227.jpg',
            'Flyer': ''

        },
        {
            'Id': 3,
            'Name': '8th Annual Presidents Cup Tournament',
            'Date': 20150313,
            'Time': 2000,
            'Image': 'images/Events/PresidentsCup20150314.jpg',
            'Flyer': ''
        }
    ];
    $scope.ImageSettings = [{ 'Height': 200, 'Width': 155 }];
});

// Source: app/Modules/Leagues/LeagueController.js
angular.module('OntarioDarts').controller('LeagueCtrl', function ($scope) {
    $scope.Leagues = [
        { 'Id': 1, 'Name': 'Dixie Summer Dart League' },
        { 'Id': 2, 'Name': 'Etobicoke Pub Dart League'  },
        { 'Id': 3, 'Name': 'Region of Peel Dart League'}
    ];
});

// Source: app/Modules/Schedules/ScheduleController.js
angular.module('OntarioDarts').controller('ScheduleCtrl', function ($scope) {
    $scope.Schedules = [
        { "Id": 1, "Name": "November 1, 2014" },
        { "Id": 2, "Name": "November 5, 2014" }
    ];
});

// Source: app/Modules/Teams/TeamController.js
angular.module('OntarioDarts').controller('TeamCtrl', function ($scope) {
    $scope.Teams = [
        { 'Id': 1, 'Name': 'Team 1' },
        { 'Id': 2, 'Name': 'Team 2' }
    ];
});

//# sourceMappingURL=OntarioDarts.js.map

Plunker

Answer 1

我刚刚在plunker中发现该文件名是 script.js 而不是 script.js。 html 中引用错误。

缩小时请考虑这一点

以下是最安全的缩小编写方式

angular.module('OntarioDarts').controller('EventCtrl', ['$scope', function ($scope) {
   //controller code goes here
}]);

您必须对 Controller 函数使用数组表示法才能理解 $scope。

['$scope', function ($scope) {
   //controller code goes here
}]