2012-11-23 9 views
6

ここで説明した通りです:http://docs.angularjs.org/tutorial/step_00ですが、phonecatの例をAngularJSとして実行することはできません。それはhtmlファイルの束のように動作します。たとえば、アプリ/インデックス-async.htmlページは私にChromeのコンソールに次のエラーを与える:AngularJSの実行方法

Uncaught Error: No module: myApp 

このファイルは、ブートストラップの部分は、あなたがしている要素の後に呼び出す必要があり

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

正確に何をしましたか?私はちょうど私のapache htdocsのどこかでgit repoをクローンし、stepp 00に設定して、すべてがうまく動作します。 –

+0

基本的な例を実行する方法を教えてください。私はどのような環境で実行する必要があるのか​​を意味します。私は単純なhtmlとして実行して実行しています。角度の概念は非常にいいですし、私は非常に素早くそれを持っていますが、チュートリアルではそれと環境設定を実行する方法については触れていませんでした:( – saikiran

答えて

3

が含まれていますにブートストラップがロードされています。あなたは、htmlの最後にブートストラップコードを置くことも、JQueryから準備されたドキュメントのようなものを使うこともできます。

+1

'angle.bootstrap(document、['myApp']); HTMLテンプレートは私のために働いていましたが、jQueryの '$(document).ready()'の中に_that_を入れても_できませんでした。 – elimisteve

-3

Webサーバーが動作していることを確認してください。

あなたが実行している場合のNode.js:あなたには、いくつかの他のhttpサーバを実行している場合
1.ファイル名を指定して実行node scripts\web-server.jshttp://localhost:8000/app/index.html

に移動し、お使いのブラウザでは、Webサーバ
2を起動するために:(私が使用しましたあなたがリストアップしたAngularJSチュートリアルのWAMP):
1./angular-phonecatリポジトリがwamp/wwwフォルダにクローン化されていることを確認します。
2.ブラウザでhttp:// localhost:[ポート番号]/angle-phonecat/appに移動します。

TIPS:
は、Windowsのコマンドラインを使用してディレクトリを変更するには -

$ cd /c/wamp/www 

追加のノート -

cd /d c:\wamp\www 

は、GITのBASHを使用してディレクトリを変更するには: Gitはbashで、表示しますあなたが現在いるディレクトリ$ pwd

1

私は同じ問題を抱えていました。 reguirejsとの角度をロードする場合、あなたは、HTMLからNG-アプリディレクティブを削除して、このようなangular.bootstrap(document, ['myApp'])を呼び出した後、それを追加する必要があります。

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

は、この種のプロジェクトをチェックアウト:https://github.com/tnajdek/angular-requirejs-seedを具体的にindex.htmlをし、 app/js/main.js

関連する問題