2012-11-23 10 views
6

Ich habe getan, wie hier beschrieben: http://docs.angularjs.org/tutorial/step_00 aber kann das Telefoncat Beispiel nicht als AngularJS ausführen. Es läuft wie ein Haufen HTML-Dateien. Zum Beispiel gibt die App/index-async.html Seite hinter mir Fehler in Chrome Konsole:Wie läuft AngularJS Beispiel

Uncaught Error: No module: myApp 

Diese Datei enthält

angular.bootstrap(document, ['myApp']); 
+0

Was genau hast du getan? Ich habe gerade den Git Repo irgendwo in meinen Apaches htdocs geklont und auf stepp 00 gesetzt und alles funktioniert gut für mich. –

+0

sagen Sie mir, wie man ein grundlegendes Beispiel laufen lässt .. ich bedeute, in welcher Umgebung es laufen sollte. Ich schreibe es gerade als einfaches HTML und laufe. Das Konzept von eckig ist sehr schön und ich habe es sehr schnell, aber keiner der Tutorial sagte, wie es auszuführen und Umgebung Setup :( – saikiran

Antwort

3

Der Bootstrap-Teil muss nach dem Element aufgerufen werden, du bist bootstrapping to wird geladen. Sie können den Bootstrap-Code entweder an das Ende Ihres HTML-Codes setzen oder Sie können etwas wie "Dokument bereit" von JQuery verwenden.

+1

Hinzufügen 'angular.bootstrap (Dokument, ['myApp']);' bis zum Ende der HTML Vorlage funktionierte für mich, aber _that_ in jQuery '' (document) .ready() 'tat _nicht_ funktioniert. – elimisteve

-3

Stellen Sie sicher, dass Ihr Webserver ausgeführt wird.

Wenn Sie mit node.js:
1. Führen Sie node scripts\web-server.js die Webserver
2. In Ihrem Browser zu starten, navigieren Sie zu http://localhost:8000/app/index.html

Wenn Sie einen anderen HTTP-Server ausgeführt werden: (I verwendet WAMP für das AngularJS-Tutorial, das Sie aufgelistet haben):
1. Stellen Sie sicher, dass das/angular-phonecat-Repository in Ihren wamp/www-Ordner geklont wurde.
2. Navigieren Sie in Ihrem Browser zu http: // localhost: [Anschlussnummer]/angular-phonecat/app.

Tipps:
Verzeichnisse ändern Windows-Kommandozeile mit -

cd /d c:\wamp\www 

Verzeichnisse ändern GIT BASH mit -

$ cd /c/wamp/www 

Zusätzliche Anmerkung: In Git Bash, angezeigt werden das Verzeichnis, in dem Sie sich gerade befinden, verwenden Sie $ pwd

1

Ich hatte das gleiche Problem. Wenn mit reguirejs Winkel Laden Sie haben die ng-App-Richtlinie aus dem html zu entfernen und fügen Sie ihn nach angular.bootstrap(document, ['myApp']) wie dieser Aufruf:

$(html).addClass('ng-app');

prüfen dieses Saatgutprojekt aus: https://github.com/tnajdek/angular-requirejs-seed speziell index.html und app/js/main.js