Javascript AngularJS:未能实例化模块错误
我知道已经有人问过这个问题,但我找不到我个人案件的答案。我肯定这是一件愚蠢的事,我没有注意到,但我不会摆脱它 我将发布我所有的代码(没有那么多),因为我找不到错误的真正来源 这是我的app.js文件: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) {
'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");
});
}
});