Question

我们开发了一个Angular 1.0应用程序，我们希望将其部署为一个小部件＆＃39;在另一个非棱角分明的网站（一个经典的＃asp.net网站）中。

对于＆＃39;开发＆＃39;角度应用程序上的模式我们喜欢使用全套gulp工具，允许我们运行业力测试，实时重新加载，编译CSS等。

对于＆＃39;部署＆＃39;模式我们想要打电话给#bu; build-app-prod＆＃39;在我们的gulpfile.js中定义的命令，然后将编译后的文件复制到可以引用它们的文件夹（app.min.js，app.vendor.js和app.min.css），然后附加应用程序（略有不同的配置））对几个不同的dom元素中的每一个。当用户点击相关内容时，这些dom元素将在模式弹出窗口中一次显示一个＆＃39;编辑此元素。按钮（角度应用程序是编辑界面）。

最好的方法是什么？将这些文件包含在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" />

这是正确的方式，还是我们应该做别的事？

例如，是否可以使用角度加载器＆＃39;这让我们基本上只有一个js包含并提供一个方法来写出所有必需的依赖项和文件引用？

Answer 1

每个Angular规格只能有一个ng-app。但是，如果我理解正确，你的目标可以通过ngModule来实现。您可以在此博文http://www.simplygoodcode.com/2014/04/angularjs-getting-around-ngapp-limitations-with-ngmodule/

中详细了解相关信息

同一个角度应用程序的多个副本＆＃39;在页面上

1 个答案: