url = git://github.com/tinymce/tinymce.git

[submodule "lib/CodeMirror2"]

path = lib/CodeMirror2

<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>

</div>

</div>

<a class="btn" ng-click="modalShown=true">Open Modal with ng-model</a><br>

</p>

<h3>Why?</h3>

<p>We wanted to be able to open/close a modal programatically, so we stuck an ng-model onto the bootstrap modal and called it a day.</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;

<div class="row">

<div class="span6">

<h3>What?</h3>

<div class="well">

<p><input ng-model="lengthFilter" placeholder="Filter the list"></p>

<p>There are {{items | filter:lengthFilter | length}} items.</p>