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

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

这是slider.js作为Plunkr。

这里是json.js作为Plunkr。

我希望他们都在页面上运行。 事实上，我想一起使用它们：我想在我的JSON渲染中渲染滑块。 做这个的最好方式是什么？ 这个答案建议创建一个主应用程序并在其中调用这两个。 这是一个很好的解决方案，当我希望两个应用程序的function在页面上的相同位置，或者我应该正在努力“组合”应用程序 – 以及如何做到这一点？

到目前为止，我的不做工作是：

两个应用程序的Plunkr合并，无法正常工作

Answer 1

你需要添加滑块作为myapp的依赖，然后在页面声明中使用myapp，这样myApp将在滑块应用程序中添加所有元素（指令/控制器/filter等）。

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

然后

演示： Plunker