我正试图创建一个具有角度路由的SPA(单页应用程序),但当我将ndRoute添加到我的模块时,它会给我这个错误
未捕获错误:[$injector:modulerr]http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=牙科&p1=错误%3A…tp%3A%2F%2F2127.0.0.1%3A51792%2FDemoDental%2Fjs%2Angular.min.js%3A17%3A381)
这是我的js代码
(function(){
var app= angular.module("Dental", ['ngRoute']);
app.config([$routeProvider,function($routeProvider) {
$routeProvider.when('/aggrement', {
templateUrl : 'templates/aggrement.html'
}).otherwise({
redirectTo : '/home'
});
}]);
})();
这是我的HTML代码
<!DOCTYPE html>
<html ng-app="Dental">
<head>
<title>DemoDental</title>
<meta name="viewport"
content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,user-scalable=no" />
<link rel="stylesheet" href="styles/styles.css">
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/angular.min.js"></script>
</head>
<body>
<div>
</div>
<!-- angular templating -->
<!-- this is where content will be injected -->
<div ng-view id="changeDiv"></div>
</div>
<script src="js/main.js"></script>
</body>
</html>
我不知道这个错误的原因,因为我觉得一切都很好,如果我从angular.module()
中删除ngRoute,程序运行良好。
提前感谢
添加角度路线
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-route.js"></script>