Javascript AngularJS:未能实例化模块错误

Javascript AngularJS:未能实例化模块错误,javascript,angularjs,module,controller,dependencies,Javascript,Angularjs,Module,Controller,Dependencies,我知道已经有人问过这个问题,但我找不到我个人案件的答案。我肯定这是一件愚蠢的事,我没有注意到,但我不会摆脱它 我将发布我所有的代码(没有那么多),因为我找不到错误的真正来源 这是我的app.js文件: 'use strict'; var myApp = angular.module('myApp', [ 'ngRoute', 'appControllers' ]); myApp.config(['$routeProvider', function($routeProvider) {

我知道已经有人问过这个问题,但我找不到我个人案件的答案。我肯定这是一件愚蠢的事,我没有注意到,但我不会摆脱它

我将发布我所有的代码(没有那么多),因为我找不到错误的真正来源

这是我的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>
我错过了什么

我相信这会是一件愚蠢的事情,但我是AngularJS的新手


提前感谢。

看起来您的
index.html中没有包含控制器文件。
您丢失了一个“}”


取消注释时,大括号未正确闭合

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");
    }); 
  }
});


还有一个问题,控制器名称不匹配,但您可能已经找到了它。

您是否在此处键入了错误的代码,或者函数(项、事件)是否在结尾处缺少“};”?是它,谢谢!谢谢你,就像每次我想知道我不懂的东西,那只是一个括号。谢谢。结局总是这样。
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");
    });
  }
});
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");
    }); 
  }
});