2016-03-30 3 views
0

ich folgendes Verzeichnis haben:Grund Angular (Bindung nicht angezeigt)

-flapper-news 
    -app.js 
    -index.html 

In app.js ich habe:

angular.module('flapperNews', []) 
.controller('MainCtrl', [ 
'$scope', 
function($scope){ 
    $scope.test = 'Hello world!'; 
}]); 

In index.html.I haben folgende:

Wenn ich zu meiner index.html navigiere und ich öffne es auf google chrome nur sehen die Bindung wie folgt:

{{test}} 

offensichtlich nicht funktioniert. In meiner Browser-Konsole sehe ich:

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.19/$injector/modulerr?p0=flappeNews&p1=Erro…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.19%2Fangular.min.js%3A18%3A139) 

Ich habe versucht, zu ändern Version von Winkel- und einschließlich ngroute in meinem Winkelmodul, aber nichts funktioniert. Irgendeine Idee von was passiert?

+3

'typo' @' flapperNews' ... Fehlende 'r' in' ng- App-Richtlinie .. [Arbeitsdemo] (https://jsfiddle.net/rayon_1990/wesvsr6c/) – Rayon

Antwort

1

Sie haben ng-app="flappeNews" anstelle von ng-app="flapperNews" auf Ihrem Körper.

<body ng-app="flapperNews" ng-controller="MainCtrl"> 
Verwandte Themen