2012-11-23 8 views
6

Ho eseguito come descritto qui: http://docs.angularjs.org/tutorial/step_00 ma non è possibile eseguire l'esempio phonecat come AngularJS. Funziona come un mucchio di file html. Ad esempio, la pagina/index-async.html app mi dà seguente errore nella console di Chrome:Come eseguire l'esempio AngularJS

Uncaught Error: No module: myApp 

Questo file contiene

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

Che cosa hai fatto esattamente? Ho appena clonato il repository git da qualche parte nei miei apaches htdocs e l'ho impostato su stepp 00 e tutto funziona bene per me. –

+0

dimmi come eseguire un esempio di base .. intendo in quale ambiente dovrebbe essere eseguito .. lo sto semplicemente scrivendo come semplice html e in esecuzione. il concetto di angolare è molto bello e l'ho ottenuto molto velocemente ma nessuno dei tutorial ha detto su come eseguirlo e l'ambiente di installazione :( – saikiran

risposta

3

La parte bootstrap deve essere chiamato dopo l'elemento che sei bootstrap to è caricato. Puoi inserire il codice di bootstrap alla fine del tuo html, oppure puoi usare qualcosa come document ready da JQuery.

+1

Aggiunta di 'angular.bootstrap (document, ['miaApp']);' alla fine del Il template HTML ha funzionato per me, ma inserire _that_ all'interno di '$ (document) .ready()' di jQuery non ha funzionato. – elimisteve

-3

Assicurarsi che il server Web sia in esecuzione.

node.js Se si esegue:
1. Eseguire node scripts\web-server.js per avviare il server web
2. Nel browser, accedere alla http://localhost:8000/app/index.html

Se si esegue qualche altro server http: (io ho usato WAMP per l'esercitazione AngularJS che hai elencato):
1. Assicurarsi che il repository/angular-phonecat sia stato clonato nella cartella wamp/www.
2. Navigare nel browser in http: // localhost: [numero-porta]/angular-phonecat/app.

TIPS:
per cambiare directory utilizzando Windows LINEA DI COMANDO -

cd /d c:\wamp\www 

Per passare alla directory usando GIT BASH -

$ cd /c/wamp/www 

Nota aggiuntiva: In Git Bash, per visualizzare la directory in cui ti trovi attualmente, usa $ pwd

1

Ho avuto lo stesso problema. Quando si carica angolare con reguirejs, è necessario rimuovere la direttiva ng-app dal html e aggiungerlo dopo aver chiamato angular.bootstrap(document, ['myApp']) come questo:

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

controllare questo progetto seme fuori: https://github.com/tnajdek/angular-requirejs-seed specificamente index.html e app/js/main.js

Problemi correlati