2017-12-05 2 views
0

Das folgende Winkelstück funktioniert nicht, es scheint, dass der Code in der sofort aufgerufenen Funktion bricht, wo ich mein Modul erstelle, weil die Winkelsyntax nicht erkannt wird.Winkel ist nicht definiert, warum?

<!DOCTYPE html> 
<html ng-app="MyModule"> 
<head> 
    <script data-require="[email protected]*" data-semver="4.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.17/angular2.min.js"></script> 

    </head> 
    <body ng-controller="MyCtrller">   
    <h1>Hello!</h1> 
    {{ cousin }} 
    </body> 

</html> 

<script type="text/javascript"> 
(function() { 
    var app = angular.module("MyModule", []); 
    var MyCtrller = function($scope)   ///typo here in "MyCtrller" 
    { 
      $scope.cousin = "Karen"; 
    } 
    app.controller("MyCtrller", ["$scope", MyCtrller]); 
}()); 
</script> 

Ich erwarte das Ergebnis Karen.

Stattdessen sehe ich {{Cousin}}

Der Fehler, den ich in der Konsole erhalten ist:

Uncaught ReferenceError: angular is not defined

auf der Linie, wo ich mein Modul erstellen:

var app = angular.module("MyModule", []);

Antwort

0

Ihr Problem besteht darin, dass Sie die v2.0-Version von angular (aka Angular) anstelle von Version 1.x (aka AngularJS) verwenden, während Sie die letztere Syntax verwenden. :) Ändern Sie einfach Ihr Skript, um die richtige Version zu verwenden, und Sie sollten gut gehen.

https://angularjs.org/

+0

statt Angular Script in Ihrem Skript verwenden. Sie haben gesagt, ich sollte 1.x verwenden, also fügte ich hinzu: '' aber es funktioniert immer noch nicht. Was ist, wenn ich Version 2 (Angular JS) verwenden möchte, wie sollte sich der Rest meines Codes ändern? Vermutlich sollte ich 2 verwenden, wenn es fortgeschrittener ist, oder? –

+0

Nein. Es ist ein ganz anderes Biest. – Phix

+0

Es gab einen Tippfehler in MyCtroller Definition –

0

einfach das AngularJS Skript wie diese leider nicht verstehen

<script src="https://code.angularjs.org/1.6.7/angular.js"></script> 
Verwandte Themen