title: Deferring angular controllers until Ajax call is completed
body: <p>First of all, I have googled and searched on SO for this question. None of the answers I've seen are really satisfactory for me. I am aware of resolve &amp; manually bootstrapping angular and neither are great solutions for us.</p>
  
  <p>Essentially our app is constructed such that at the top level, we have a </p>
  
  <pre><code>&lt;body ng-controller="applicationController"&gt;
  </code></pre>
  
  <p>that instantiates a bunch of stuff. Part of that is getting some data from our server and setting it so that children controllers have access to it. So the issue is sometimes the children controllers are executed before the server has responded.</p>
  
  <p>We use angular UI's ui-router so we can take advantage of states. However resolve hasn't been a great solution for us because we have a bunch of routes and a user can enter the app from any of them. So far my only solutions are to create a very high level parent state and putting a resolve on that, or putting a resolve a multitude of states. Is there a way to make the ajax call before the angular controllers are run?</p>