2016-06-13 15 views
2

nicht sicher, warum dies nichtbekommen begann AngularJS gescheitert

Arbeits

https://jsfiddle.net/0616b9ks

<body ng-app="main" id="homepage"> 
    <h1 ng-controller="homepageCtrl">hello {{test}}</h1> 
</body> 

JS

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

.controller("homepageCtrl", function($scope) { 
    $scope.test = "World!"; 
}); 
+0

Sie sollten beginnen, einschließlich 'angular.js' –

+0

einschließlich eckig in Sie Geige :) –

+0

Ich dachte, schauen Sie sich diese Geige https://jsfiddle.net/Lt7aP/4/, verwendet es das Skript-Tag? kein Recht? –

Antwort

1

Der Code ist in Ordnung. Es ist die Sache, die das Problem verursacht.

Schalten Sie den Lasttyp von onLoad zu No Wrap - in <head> Nur getestet auf Ihrer Geige. Klappt wunderbar.

Warum funktioniert es?
JsFiddle umschließt den Code standardmäßig in einem Ready- oder Load-Ereignis. & Angular erhält bei der Kompilierung des Codes möglicherweise nicht das, was es im globalen Gültigkeitsbereich benötigt. No wrap in <head> lädt nur das Skript in den Kopf, ohne einen Umbruch.

Geben Sie diesem einen Lese wenn Sie jsfiddle viel für Angular verwenden, wird es Ihnen viel zeit Using jsFiddle with Angular

enter image description here

1

In Js FIdle der Art der Last von onLoad zu No Wrap Schalter speichern - in

Verwandte Themen