ngRoute: cannot read property 'Modul' undefined

Habe ich versucht zu implementieren routing in meinem Projekt, aber finden es schwierig, dies zu tun. Hier ist meine index.html code

<!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>

und hier ist meine app.js Datei:

 (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(){
  }]);
})();

und hier ist meine welcome.html um zu testen, ob meine route war die Arbeit 

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

auf laufen diese auf meinem server hier ist, was bin sehen in meiner Konsole:

Uncaught TypeError: Cannot read property 'Modul' undefined(anonyme Funktion) @ angular-route.js:24(anonyme Funktion) @ angular-route.js:6

Nicht abgefangener Fehler: [$Injektor:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=math_teacher&p1=Er...gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A38%3A135)(anonyme Funktion) @ Winkel.js:38(anonyme Funktion) @ Winkel.js:4138r @ Winkel.js:323 G @ Winkel.js:4099ab @ Winkel.js:4025d @ Winkel.js:1452uc @ Winkel.js:1473Jd @ Winkel.js:1367(anonyme Funktion) @ Winkel.js:26304a @ Winkel.js:2762c @ Winkel.js:3032

Pls help

InformationsquelleAutor Jalasem | 2015-11-23
  1. 3

    Ich die Lösung gefunden!
    nach dem hinzufügen
    'ngRoute'
    um die Abhängigkeiten, die es immer noch nicht funktioniert

    Alles was ich Tat, war, fügen Sie mein Skript nach angularjs-Skript und nicht, bevor es

    InformationsquelleAutor Jalasem
  2. 1

    Müssen Sie fügen Sie 'ngRoute' Modul in Ihrer app.

     var app = angular.module('math_teacher', ['ngMaterial', 'ngRoute']);
    InformationsquelleAutor Midhun Darvin
Schreibe einen Kommentar