Question

我知道这个问题已被提出，但我无法找到个人案件的答案。我确定这是一个愚蠢的事情，我没有注意到，但我没有摆脱它。

我会发布我拥有的所有代码（并不是那么多），因为我无法找到错误的真正来源。

这是我的app.js文件：

'use strict'; 

var myApp = angular.module('myApp', [
  'ngRoute',
  'appControllers'
]);

myApp.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/faq', {
    templateUrl: 'faq/faq.html',
    controller: 'FaqCtrl'
  }).
  when('/log', {
    templateUrl: 'log/log.html',
    controller: 'LogCtrl'
  }).
  [...]
  when('/settings', {
    templateUrl: 'settings/settings.html',
    controller: 'SettingsCtrl'
  }).
  otherwise({redirectTo: '/homepage'});
}]);

虽然这里是我拿着我的控制器，controllers.js：

'use strict';

/* Controllers */

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

appControllers.controller('FaqCtrl', [function() {

}]);

appControllers.controller('HomepageCtrl', [function() {

}]);

[...]

appControllers.controller('SettingsCtrl', function($scope, $http) {
/*
  $scope.myData = {};
  $scope.myData = function(item, event) {

    var response = $http.get("myURL");

    response.success(function() {

      alert("ok");
    });

    response.error(function() {

      alert("error");
    }); 
*/
});

这是settings.html：

<div ng-controller="SettingsController" >
    <button ng-click="myData.doClick(item, $event)">Send AJAX Request</button>
    <br/>
    Data from server: {{myData.fromServer}}
  </div>

现在，如果我使用SettingsCtrl中的代码运行它评论它工作正常，但如果我解除它，页面不会结束其加载（即使我没有去设置部分），错误是这个：

Error: [$injector:modulerr] Failed to instantiate module myApp due to:
[$injector:modulerr] Failed to instantiate module appControllers due to:
[$injector:nomod] Module 'appControllers' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

我错过了什么？

我确定这将是一个愚蠢的事情，但我是AngularJS的新手。

提前致谢。

Answer 1

您似乎没有在index.html

中包含控制器文件

Answer 2

你失去了一个“}”

appControllers.controller('SettingsCtrl', function($scope, $http) {
  $scope.myData = {};
  $scope.myData = function(item, event) {
    var response = $http.get("myURL");
    response.success(function() {
      alert("ok");
    });
    response.error(function() {
      alert("error");
    });
  }
});

Answer 3

取消注释时，花括号未正确关闭。

appControllers.controller('SettingsController', function($scope, $http) {

  $scope.myData = {};
  $scope.myData = function(item, event) {

    var response = $http.get("myURL");

    response.success(function() {

      alert("ok");
    });

    response.error(function() {

      alert("error");
    }); 
  }
});

http://plnkr.co/edit/4sltz2Bwai9zm9FLkyC7?p=preview

还有一个问题，控制器名称不匹配，但您可能已经想出来了。

AngularJS：无法实例化模块错误

3 个答案: