私はAngularJSとGulpでペットプロジェクトを開始しました。コードはgithubにあります。私はdistフォルダにbrowserSyncを実行すると、すべてが正常に動作するようですAngularJSアプリは初期化しますが動作しません
js/
--vendor.js
--app.js
index.html
：パスが正しく注入され、angularグローバル変数はクロームコンソールで利用可能である私のdistフォルダは次のようになりますプロジェクトを構築した後
、そしてng-app指令がその場所にあります。しかし、私がコントローラを作成しようとすると、またはアプリケーションを設定しようとすると、関数内のスクリプトは実行されません。
私が実際にgulpfile.jsを書いたのは初めてで、さまざまなチュートリアルに基づいています。私は、この問題が不適切なグループ設定にある可能性があると思うが、わからない。
依存関係でNGアプリにNGアプリ= "アプリ"アドオンブラウザ同期。それ以外のものはすべて問題ありません。
まず、ngAppディレクティブでモジュール名を指定する必要があります。これにより、configとrunブロックが実行されていない問題が修正されます。 また、ngControllerディレクティブをどこかに追加する必要があります。たとえば、bodyのhtmlタグです。
結果：最終的なHTMLコードの
例：index.htmlを変化
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title>FinControl</title>
<!-- build:css css/vendor.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->
<!-- build:css css/main.css -->
<!-- inject:css -->
<!-- endinject -->
<!-- endbuild -->
</head>
<body ng-controller="testCtrl" layout="column" layout-fill>
<input type="text" ng-model="textVal">
<span>{{textval}}</span>
</body>
<!-- build:js js/vendor.js -->
<!-- bower:js -->
<!-- endbower -->
<!-- endbuild -->
<!-- build:js js/app.js -->
<!-- inject:js -->
<!-- endinject -->
<!-- endbuild -->
</html>
ありがとう！私は明示的にアプリケーションの名前を付けようとしましたが、コントローラーを指定しましたが、おそらく同時に両方ではありません。 –
アプリはギャルップなしで動作していますか？ –
@SharikovVladislav index.htmlへのスクリプトパスを挿入するにはgulpが必要です。 srcフォルダ内でローカルサーバを実行することはできません。 –
このようにアプリケーションを構築することをお勧めします。あなたは何をgulpしたいですか？あなたのアプリケーションを構築するために（すべてのファイルを1つまたは複数のバンドルに詰め込むなど）。私の意見では、ソースとビルドされたコードの両方でアプリケーションを実行することができないのは不思議です。 –