Javascript 错误:$injector:moduler模块错误
我面临着这个奇怪的问题。我知道这是由于依赖注入失败造成的。我不知道到底是什么原因。根据我的说法,我的模块不希望有任何注入,这就是为什么我有空数组的原因。那我为什么要面对这个问题呢? 这是代码Javascript 错误:$injector:moduler模块错误,javascript,angularjs,Javascript,Angularjs,我面临着这个奇怪的问题。我知道这是由于依赖注入失败造成的。我不知道到底是什么原因。根据我的说法,我的模块不希望有任何注入,这就是为什么我有空数组的原因。那我为什么要面对这个问题呢? 这是代码 <!DOCTYPE html> <html ng-app="aMailServices"> <head> <title>Home Page</title> <link type="text/css" rel="styleshe
<!DOCTYPE html>
<html ng-app="aMailServices">
<head>
<title>Home Page</title>
<link type="text/css" rel="stylesheet" href="Styles/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="Styles/bootstrap-theme.css" />
<script type="text/javascript" src="Scripts/angular.js"></script>
<script>
var aMailServices = angular.module('aMailServices', []);
/*function testRouteProvider($routeProvider) {
$routeProvider.when('/', {
controller: 'SimpleController',
templateUrl: 'NewProfile.html'
})
.when('/search', {
controller: 'SimpleController',
templateUrl: 'SearchPage.html'
});
}
testProject.config(testRouteProvider);*/
function emailRouteConfig($routeProvider) {
$routeProvider.
when('/', {
controller: 'SimpController',
templateUrl: 'list.html'
}).
// Notice that for the detail view, we specify a parameterized URL component
// by placing a colon in front of the id
when('/view/:id', {
controller: 'SimpController',
templateUrl: 'detail.html'
}).
otherwise({
redirectTo: '/'
});
};
// Set up our route so the AMail service can find it
aMailServices.config(emailRouteConfig);
var SimpController = function ($scope) {
};
aMailServices.controller(SimpController);
</script>
<style type="text/css">
body {
padding: 15px;
}
.inCenter {
text-align: center;
text-decoration: underline;
}
.borderBotton {
font-size: 1.2em;
font-variant: small-caps;
border-bottom: 1px solid #ddd;
}
.topMargin {
margin-top: 10px;
}
</style>
</head>
<body>
<!--Controller And ng-app-->
<div class="col-xs-12 inCenter">
<h1>Test Project</h1>
</div>
<div class="col-xs-12">
<ul class="nav nav-tabs">
<li class="active">
<a href="#">Create Profile</a> <!--On CLick-->
</li>
<li>
<a href="#">Search Profile</a>
</li>
</ul>
</div>
<div class="col-xs-12 topMargin">
<div ng-view></div>
</div>
</body>
</html>
主页
var aMailServices=angular.module('aMailServices',[]);
/*函数testRouteProvider($routeProvider){
$routeProvider.when(“/”{
控制器:“SimpleController”,
templateUrl:'NewProfile.html'
})
。当(“/search”{
控制器:“SimpleController”,
templateUrl:'SearchPage.html'
});
}
testProject.config(testRouteProvider)*/
函数emailRouteConfig($routeProvider){
$routeProvider。
当(“/”{
控制器:“SimpController”,
templateUrl:'list.html'
}).
//注意,对于细节视图,我们指定了一个参数化的URL组件
//通过在id前面放置冒号
当('/view/:id'{
控制器:“SimpController”,
templateUrl:'detail.html'
}).
否则({
重定向到:'/'
});
};
//设置我们的路线,以便AMail服务可以找到它
aMailServices.config(emailRouteConfig);
var SimpController=函数($scope){
};
aMailServices.控制器(SimpController);
身体{
填充:15px;
}
因森特先生{
文本对齐:居中;
文字装饰:下划线;
}
博德博顿先生{
字体大小:1.2米;
字体变体:小大写字母;
边框底部:1px实心#ddd;
}
topMargin先生{
边缘顶部:10px;
}
测试项目
-
-
实际上,您的应用程序确实存在您不知道的依赖关系:“ngRoute”。
路由功能分为不同的文件。包括它并使用“ngRoute”作为依赖模块。
如果您使用bower,请在bower.json中包含“angular route”模块。您需要包含ngRoute或其他选项: