How to combine two controllers in Angular.js?

Question

How to combine two controllers in Angular.js?

I'm new to Angular, and I've got two seperate controllers that work fine separately, but when I try to combine them in the same page, on of them gets broken. You can check them out here:

http://plnkr.co/edit/RUKCNUsiLLHja5BCsOXi?p=preview

http://plnkr.co/edit/UkGEaquNkXGfUgbuYBki?p=preview

I've tried to combine both controllers like this:

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

But that breaks it as well. Do you think it has anything to do with the Ionic framework I'm using?

Thanks for any help!

EDIT: Here's the working demo http://plnkr.co/edit/0eQZ0O?p=preview

javascript
html5
angularjs

Answer 1

Could you show the third example where it actually breaks. It looks like you should have:

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

If you're actually talking about combining modules. The first parameter to angular.module is the string name of the module you're defining, the second parameter is the array of dependencies.