title: How to combine two controllers in Angular.js?
body: <p>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:</p>
  
  <p><a href="http://plnkr.co/edit/RUKCNUsiLLHja5BCsOXi?p=preview" rel="nofollow">http://plnkr.co/edit/RUKCNUsiLLHja5BCsOXi?p=preview</a></p>
  
  <p><a href="http://plnkr.co/edit/UkGEaquNkXGfUgbuYBki?p=preview" rel="nofollow">http://plnkr.co/edit/UkGEaquNkXGfUgbuYBki?p=preview</a></p>
  
  <p>I've tried to combine both controllers like this:</p>
  
  <pre><code>var app = angular.module('App', ['audioPlayer'], [ngSocial]);
  </code></pre>
  
  <p>But that breaks it as well. Do you think it has anything to do with the Ionic framework I'm using?</p>
  
  <p>Thanks for any help!</p>
  
  <p>EDIT: Here's the working demo <a href="http://plnkr.co/edit/0eQZ0O?p=preview" rel="nofollow">http://plnkr.co/edit/0eQZ0O?p=preview</a></p>