1

だから私は例「こんにちは!」をエミュレートしようとしています。Angular のウェブサイトhttp://angularjs.org/の The Basicsセクションに記載されています。

次のファイルを my-user-name ディレクトリに配置しました。このangular.jsディレクトリには、サイトの指示に従って Angular リポジトリを複製するときにインストールされるディレクトリが含まれています。

<!doctype html>
<html ng-app>
<head>
    <script src='js/angular-1.0.0rc6.js'></script>
</head>
<body>
    <input type="text" ng-nmodel="name">
    <h2>Hello {{name}}!</h2>
</body>
</html>

ホームディレクトリパスから実行するAngularサーバーをgrunt webserver実行しており、入力して上記のhtmlファイルにアクセスしますhttp://localhost:8000/angular.htmlが、空白のページが表示されます。ホームディレクトリにはディレクトリがなく、同様にそれらの周辺のどこにもないjs/angular-1.0.0rc6.jsという点で、ホームディレクトリのコンテキストではパスは何の意味もないことに気付きました。例からそのパス名をコピーしただけです。Angular アプリを開発する場所に対するスクリプト ファイルの場所に関する標準プロトコルは何ですか?jsangular-1.0.0rc6.js

ありがとうございました!

4

1 に答える 1

2

非常に多くの可能性があるので、少し違う方向から始めましょう。Yeoman ( http://yeoman.io )をチェックしてください。

Yeoman を実行すると (Yeoman をインストールすると、コマンド ラインで「yo angular」と入力するだけで実行できます)、実験できる小さな作業アプリを開始し、構築するための優れた全体的なベース (コード/テストの足場、ツールなど)。 また、あなたが行ったように、grunt を使用してアプリを起動します (入力するだけgrunt serverで、アプリがブラウザーに表示されます (ライブ リロードが機能します。これはクールな時間の節約になります)。

Yeoman は、あなたが現在どのような状況にあるかを把握する必要がないようにする必要があります。私のファイルは正しい場所にありますか? 私のサーバーは正しい場所を指していますか? など...すべてヨーマンが面倒を見てくれました。

Yeoman をインストールして Angular をインストールする方法を示すチュートリアルは次のとおりです: http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/

ほんの一握りのコマンドであることがわかります。

さらに詳しく知りたい場合は、Angular チームが投稿した、Angular での Yeoman の使用に関する講演をご覧ください: http://www.youtube.com/watch?v=XOmwZopzcTA

于 2013-10-16T23:47:06.367 に答える