title: What can I check to make sure angular has finished loading and can be used
body: <p>I'm working on an app where we need to dynamically load (don't ask) angular.js and our js files (directives.js, controllers.js, etc.) as well. I inserted <code>&lt;script&gt;</code> tags into the the DOM for angular and our js files, and found that when you do this, the script files are loaded asynchronously. I got errors about <code>angular</code> not being defined since the larger angular.js file had not come back yet.</p>
  
  <p>Is there anyway of know when angular has loaded up and is ready to be used? My first thought was just to see if <code>angular</code> was defined, something like <code>typeof angular != 'undefined'</code>. However, my fear is that angular will be defined, but not completely setup yet, and I'll run into other errors. Is this check enough to start adding modules and using the <code>angular</code> object? Or is there something in the object itself that I can check to make sure it has finished setting up?</p>
  
  <p>As a side note, I will be manually bootstrapping the app, so checking something that's set after the bootstrap won't work for me. Any help would be appreciated. Thanks.</p>