Javascript 无法实例化模块AngularJS
我遇到的问题是,由于$routeProvider,我的应用程序无法实例化我的模块 这是我的控制器:Javascript 无法实例化模块AngularJS,javascript,angularjs,error-handling,Javascript,Angularjs,Error Handling,我遇到的问题是,由于$routeProvider,我的应用程序无法实例化我的模块 这是我的控制器: var gameApp = angular.module("gameApp", []); gameApp.controller("firstPageCtrl", function($scope,$http,$location) { $scope.doLogin = function() { $http.post("lib/action.php", {username: $
var gameApp = angular.module("gameApp", []);
gameApp.controller("firstPageCtrl", function($scope,$http,$location) {
$scope.doLogin = function() {
$http.post("lib/action.php", {username: $scope.username, password: $scope.password}).success(function(data) {
console.log(data);
}).error(function(data) {
console.log(data);
});
};
});
gameApp.config(function($routeProvider) {
$routeProvider
.when('/', {
templateUrl : 'partials/firstpage.html',
controller : 'firstPageCtrl'
})
.when('/game', {
templateUrl : 'partials/game.html',
controller : 'gameCtrl'
});
});
gameApp.controller("gameCtrl", function($scope,$http,$location) {
});
我看不到代码中的错误。有人吗
以下是错误消息:
Error: [$injector:modulerr] Failed to instantiate module gameApp due to: [$injector:unpr] Unknown provider: $routeProvider
这是我的index.html文件:
<!DOCTYPE html>
<html ng-app="gameApp">
<head>
<script src="js/angular.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css">
<meta content="text/html;charset=UTF-8" http-equiv="content-type" />
<script src="js/mastercontroller.js"></script>
</head>
<body>
<div id="layout">
<div id="topcontent">
</div>
<div id="middlecontent" ng-controller="firstPageCtrl">
<div ng-view></div>
</div>
<div id="bottomcontent">
{{"AngularJS"}}
</div>
</div>
</body>
</html>
{{“AngularJS”}
这是因为没有$routeProvider
的提供者
说点类似贝娄的话
gameApp.config(['$routeProvider',function($routeProvider) {
$routeProvider
.when('/', {
templateUrl : 'partials/firstpage.html',
controller : 'firstPageCtrl'
})
.when('/game', {
templateUrl : 'partials/game.html',
controller : 'gameCtrl'
});
}]);
您需要将角度路由脚本加载到HTML页面中
<script src="angular-route.js">
添加了一个答案,应该对你们有用。重复的问题,我已经在这里回答了你们:谢谢你们的回答,但这也不行。我也犯了同样的错误。
var gameApp = angular.module("gameApp", ['ngRoute']);