ページ上に同じ「角形アプリ」の複数のコピー

Question

別の角度のないウェブサイト（「古典的なasp.net」ウェブサイト）内に「ウィジェット」として展開したいAngular 1.0アプリを開発しました。 。私たちは、私たちはカルマのテストを実行できるようにゴクゴクツールの完全なスイートを使用して楽しむ角度アプリ、ライブリロードの「開発」モードの場合

、コンパイルCSSなど

「展開」モードの場合、私たちはと思いますgulpfile.jsで定義されている 'build-app-prod'コマンドを呼び出して、コンパイルされたファイルを参照できるフォルダ（app.min.js、app.vendor.js、およびapp.min.css）にコピーします）いくつかの異なるDOM要素のそれぞれにアプリを（わずかに異なる設定で）接続します。これらのdom要素は、ユーザーが関連する「これを編集」ボタン（角度アプリは編集インターフェースです）をクリックするとモーダルポップアップで一度に1つずつ表示されます。

これを行うにはどうすればよいですか？これらのファイルをasp.netアプリケーションに含めてから、角度アプリをこのようなもので付け加えますか？

<script src="build-app-prod-folder/app.min.js" /> 
<script src="build-app-prod-folder/app.vendor.js" /> 
<link rel="stylesheet" href="build-app-prod-folder/app.min.css"> 

<!-- .. --> 
<div id="firstAngularAppGoeshere" 
ng-app="AngularEditApp" data-param="config1Value" /> 

<!-- .. --> 

<div id="secondAngularAppGoeshere" 
ng-app="AngularEditApp" data-param="config2Value" /> 

これは正しい方法ですか、それとも他に何かする必要がありますか？

たとえば、基本的にちょうど1つのjsを含めることができ、すべての必要な依存関係とファイル参照を書き出すメソッドを提供する '角度ローダー'を使用することは可能ですか？

Answer 1

Angularスペックごとに1つのng-appしか持つことはできません。しかし、あなたの目標は、正しく理解すれば、ngModuleを使って達成することができます。あなたはこのブログの投稿でそれについてもっと読むことができますhttp://www.simplygoodcode.com/2014/04/angularjs-getting-around-ngapp-limitations-with-ngmodule/