<h3>What?</h3>

<p>Takes the twitter bootstrap modal and lets you assign an ng-model to it. You can open/close the modal any way you want: data-* attributes, or use elm.modal('show'), or whatever. The ng-model you give will always correspond to whether the modal is opened or not, and if you set it it will also change the modal.

<p>

<div class="modal-header"><h1>Modalin'!</h1></div>

<div class="modal-body">

<p>Cool beans, dude.</p>

<h3>How?</h3>

<pre class="prettyprint linenums" ng-non-bindable>

&lt;script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js"&gt;&lt;/script&gt;

Cool, a modal dialog!

&lt;a data-dismiss="modal"&gt;Close 1&lt;/a&gt;

&lt;a ng-click="modalShown=false"&gt;Close 2&lt;/a&gt;