如何将两个 AngularJS 应用程序组合为一个主应用程序的模块？答案

【问题标题】：How do I combine two AngularJS apps as modules of a main app?如何将两个 AngularJS 应用程序组合为一个主应用程序的模块？
【发布时间】：2013-10-31 10:31:55
【问题描述】：

另一个基本的 AngularJS 问题。我有两个 AngularJS 应用程序，slider.js (AngularUI) 和 json.js。

Here's `slider.js` as a Plunkr.

Here's `json.js` as a Plunkr.

我希望它们都在一个页面上运行。事实上，我想将它们一起使用：我想在我的 JSON 渲染中渲染滑块。做这个的最好方式是什么？ This answer 建议创建一个主应用程序并在其中调用它们。当我希望两个应用程序的功能在页面上的同一位置时，这是一个很好的解决方案，还是我应该致力于“组合”这些应用程序 - 以及如何去做？

到目前为止，我的不工作尝试在这里：

Plunkr of the two apps combined, not working

【问题讨论】：

标签： javascript jquery json angularjs

【解决方案1】：

您需要将滑块添加为 myapp 的依赖项，然后在页面声明中使用 myapp，以便 myApp 将所有元素（指令/控制器/过滤器等）也添加到滑块应用程序中。

var myApp = angular.module('myApp', ['ui.slider']);

然后

<html ng-app="myApp">

演示：Plunker

【讨论】：

Here's slider.js as a Plunkr.

Here's json.js as a Plunkr.

Plunkr of the two apps combined, not working

Here's `slider.js` as a Plunkr.

Here's `json.js` as a Plunkr.