ng-route injectore中的错误:modulerr [$ injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr

时间:2015-03-18 06:31:49

标签: javascript angularjs angularjs-directive angular-routing ngroute

我正在尝试使用角度路由创建SPA(单页应用程序)但是当我将ndRoute添加到我的模块时,它会给我这个错误

  

未捕捉错误:[$ injector:modulerr] http://errors.angularjs.org/1.3.14/ $ injector / modulerr?p0 =牙科& p1 =错误%3A ... tp%3A%2F%2F127.0.0.1%3A51792%2FDemoDental%2Fjs% 2Fangular.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,该程序运行良好。

提前致谢

1 个答案:

答案 0 :(得分:3)

添加角度路线

&#13;
&#13;
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-route.js"></script>
&#13;
&#13;
&#13;