title: angular.bootstrap() - bootstrapping an angular app without the need for ng-app or ng-controller
body: <p>I am trying to create an angular app which can be shipped and bootstrapped with little to no directives. Ideally you would include the js file:</p>
  
  <pre><code>&lt;script src="myapp.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Then put a div on a page:</p>
  
  <pre><code>&lt;div id="myDiv"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And bootstrap the app like:</p>
  
  <pre><code>angular.bootstrap(document.getElementById('myDiv'),['myApp']);
  </code></pre>
  
  <p>This, needless to say, doesn't work.</p>
  
  <p>See <a href="http://jsfiddle.net/cyEJC/" rel="nofollow">this fiddle</a> to see it working with the ng-* directives in place and <a href="http://jsfiddle.net/detLd/" rel="nofollow">this one</a> without.</p>
  
  <p>I guess my question is - is this even possible? </p>
  
  <p>Ideally, I'd like to implement my app similar to Stripe:</p>
  
  <pre><code>&lt;script
    src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button"
    data-key="pk_test_czwzkTp2tactuLOEOqbMTRzG"
    data-amount="2000"
    data-name="Demo Site"
    data-description="2 widgets ($20.00)"
    data-currency="usd"
    data-image="/128x128.png"&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>but couldn't find a way to get this to work either. The main goal is to not have to expose the angular specifics to use my app.</p>