title: angular.bootstrap error: Error: [ng:btstrpd] App Already Bootstrapped with this Element
body: <p>I'm building a widget that depends on Angular along with a widget builder tool. The builder used Angular with <code>ngApp</code> attached to the <code>html</code> tag of the document. </p>
  
  <p>When I load up the widget within the widget builder, I get the following error:</p>
  
  <p><code>Error: [ng:btstrpd] App Already Bootstrapped with this Element '&lt;div class="company-widget" id="widget-app" data-company="demoCorp"&gt;'</code></p>
  
  <p>Here is the bootstrap function:</p>
  
  <pre><code>angular.bootstrap('#widget-app', ["myWidget"]);
  </code></pre>
  
  <p>For all intents and purposes, the rest of the <code>myWidget</code> app is a pretty standard mix of controllers and services.</p>
  
  <p>I was following along with <a href="http://www.simplygoodcode.com/2014/04/angularjs-getting-around-ngapp-limitations-with-ngmodule/" rel="nofollow">this blog post</a> on how to allow multiple <code>ngApp</code> directives in a single page, however I didn't realize until after I set this thing up that it says right at the end of the blog post that you can't nest apps, which is what's happening here, and what may occur on a small number of sites that use this widget.</p>
  
  <p>I can't redesign the widget-builder and I can reasonably assume that for any Angular sites where the widget is embedded, the host site will attach <code>ngApp</code> to the <code>html</code> tag.</p>
  
  <p>My question is, is there a way to get around this limitation, even if it's a hacky solution? Is it possible to check if the page already has an app and inject the <code>myWidget</code> app into the host app as a dependency?</p>