AngularJS UI-Router 无法识别模块上定义的控制器

Question

我正在学习 Angular，我正在尝试使用 ui-router 使用控制器设置状态。我有一个名为 app.js 的主模块，然后是基于不同内容的子模块。

第一个子模块是 diary.js。除了控制器之外，一切都在使用这个控制器。状态在UI等中起作用。当我直接在diary.js中制作控制器时（例如控制器：function（）{//stuff}，它工作正常）。但是当我尝试为日记状态包含一个已经定义的控制器时（就像它当前编写的那样），我收到以下错误（我无法发布整个错误，因为 stackoverflow 不会让我拥有那么多链接）：

“错误：[ng:areq] errors.angularjs.org/1.2.23/ng/areq?p0=DiaryCtrl&p1=not%20aNaNunction%2C%20got%20undefined 在错误（本机）...

/** diary.js */
'use strict';

(function () {

angular.module('diary', ['ui.router'])  

    .config(['$stateProvider', function ($stateProvider) {

        // States
        $stateProvider.state('diary', {
            url         : '/diary',
            templateUrl : 'diary/html/diary.html',
            controller  : 'DiaryCtrl'
        });
    }]);

}).call();

这是 DiaryCtrl.js（定义的控制器）的代码。

/** DiaryCtrl.js */
'use strict';

angular.module('diary')

    .controller('DiaryCtrl', [$scope, $http, function ($scope, $http) {

        $http.get('api/json/diaries.html').success(function (data) {
            $scope.diaries = data;
        }).error(function (status) {
            console.log(status);
        });

    }]);

如果有任何帮助，我将不胜感激。如果您需要更多信息，请告诉我。

Answer 1

我相当肯定这是因为您在DiaryCtrl 中的注入（$scope 和$http）不是字符串：

.controller('DiaryCtrl', [$scope, $http, function ($scope, $http)

应该是：

// Notice the added quotations around the scope and http injections in the array
.controller('DiaryCtrl', ['$scope', '$http', function ($scope, $http) {