Javascript 如何在Angular.js中组合两个控制器?

Javascript 如何在Angular.js中组合两个控制器?,javascript,html,angularjs,Javascript,Html,Angularjs,我是Angular的新手,我有两个独立的控制器,它们可以单独工作,但是当我尝试在同一页中组合它们时,其中的一个会被破坏。您可以在此处查看它们: 我尝试过这样组合两个控制器: var app = angular.module('App', ['audioPlayer'], [ngSocial]); 但这也打破了它。你认为这和我使用的离子框架有关吗 谢谢你的帮助 编辑:这是正在运行的演示能否显示第三个示例,它在哪里实际中断。看起来你应该: var app = angular.module('A

我是Angular的新手,我有两个独立的控制器,它们可以单独工作,但是当我尝试在同一页中组合它们时,其中的一个会被破坏。您可以在此处查看它们:

我尝试过这样组合两个控制器:

var app = angular.module('App', ['audioPlayer'], [ngSocial]);
但这也打破了它。你认为这和我使用的离子框架有关吗

谢谢你的帮助


编辑:这是正在运行的演示

能否显示第三个示例,它在哪里实际中断。看起来你应该:

var app = angular.module('App', ['audioPlayer', 'ngSocial']);

如果你说的是组合模块。angular.module的第一个参数是您正在定义的模块的字符串名称,第二个参数是依赖项数组。

它们到底是如何断开的?您能否将这两个模块的一部分发布到一个主要ng应用程序中?另外,@Mike,您没有包含任何Ionic脚本,因此这不是Ionic的问题,但这意味着你没有正确设置它。请参见此处了解其工作原理:是的,与Ionic框架无关,我将删除标记您的回答在技术上是正确的,只是想指出ops应用程序模块称为“main”没问题,这在角度上有点混淆。当您使用angular.module('moduleName')时;仅使用字符串参数,它会查找模块,以便您可以向其添加内容,这假定它以前是使用两个参数angular.module('moduleName',[])创建的;其中第二个参数是模块所依赖的模块字符串数组。希望这是有道理的,不会增加混乱。