不能实例化AngularJS模块
Cannot instaniate module AngularJS
我的问题是,我的应用程序不能实例化我的模块,由于$routeProvider。
这是我的控制器:
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>
你需要把angular-route脚本加载到你的HTML页面中。
<script src="angular-route.js">
(此URL可能不适合您的情况,但您可以理解)。
然后你需要声明一个对ngRoute
模块的依赖。
var gameApp = angular.module("gameApp", ['ngRoute']);
这是因为没有$routeProvider
的提供者。
说一些像吼叫
gameApp.config(['$routeProvider',function($routeProvider) {
$routeProvider
.when('/', {
templateUrl : 'partials/firstpage.html',
controller : 'firstPageCtrl'
})
.when('/game', {
templateUrl : 'partials/game.html',
controller : 'gameCtrl'
});
}]);
相关文章:
- 我可以像其他库一样将JointJS作为AngularJS模块注入吗
- 如何组合angularjs模块
- AngularJS出错-无法实例化模块
- angularjs模块不工作
- 请参阅angularjs子模块中的控制器
- 将模块注入控制器AngularJs
- AngularJS在不使用变量的情况下将服务注入模块中,这样就可以缩小它
- 如何在 Angularjs 中的交叉模块之间共享数据
- 无法模块化AngularJS应用程序
- 使用angularjs的多页表单子模块
- AngularJs:无法调用由子模块中的指令链接的函数
- Angularjs的智能表模块-与处理它有关的问题's指令
- AngularJs-模块已定义,但仍然得到“;不可用”;错误
- 在AngularJS$资源模块上请求之前获取URL
- AngularJS错误:$injector:modulerr我的浏览器窗口中出现模块错误
- angularjs自定义模块与$http注入
- 如何在angularjs中为每个控制器注入一个独特的模块
- 检查AngularJS模块是否已启动
- 注入两个或多个名称相同但内容不同的模块——angularJs
- 模块AngularJS的加载条不起作用