ng路由：无法读取未定义的属性'module'

我一直试图在我的项目中实现路由，但发现很难做到

<!DOCTYPE html>

<!-- Angular Material CSS now available via Google CDN; version 0.11.2 used here -->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.min.js"></script>
<!--<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>-->

<!-- Angular Material Dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script type="text/javascript" src="./app/app.js"></script>
<section ng-controller="MainCtrl">
  <div ng-view></div>
</section>

<!-- Angular Material Javascript now available via Google CDN; version 0.11.2 used here -->
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.js"></script>

这是我的app.js文件：

 (function(){
  "use strict";
  var app = angular.module('math_teacher', ['ngMaterial']);
  app.config(['$routeProvider', function($routeProvider){
  $routeProvider.
    when('/welcome',{
      templateUrl: 'welcome.html',
      controller: 'MainCtrl',
    }).
    otherwise({redirectTo: '/welcome'});
  }]);
  app.controller('MainCtrl', ['$scope', function(){
  }]);
  app.controller('TutorialsController', ['$scope', function(){
  }]);
})();

这是我的welcome.html，用来测试我的路线是否在上运行

<h1>Welcome to this page</h1>
<p>This really shows that the route is at work</p>

在我的服务器上运行这个时，我在控制台上看到的是：

Uncaught TypeError：无法读取未定义（匿名函数）@angular route.js:24（匿名函数"@angular route.js:6 的属性"module"
未捕获错误：[$injector:modulerr]http://errors.angularjs.org/1.3.15/$injector/modulerr？p0＝math_tacher&p1=Er…gleapis.com%2Fjax%2Flibs%2Fangularjs%2F21.3.15%2Fangular.min.js%3A38%3A135）（匿名函数）@angular.js:38（匿名函数

请帮助

我找到了解决方案！添加后'ngRoute'对于依赖项，它仍然不起作用

我所做的只是在angularjs脚本之后添加我的脚本，而不是在它之前添加

您必须在应用程序中包含'ngRoute'模块。

 var app = angular.module('math_teacher', ['ngMaterial', 'ngRoute']);

相关内容

最新更新

热门标签：