title: Mobile Angular UI Modals
body: <p>I'm trying to use the Mobile Angular UI to create a modal, and whenever I try to implement it as it's shown on the documentation it just shows the overlay (modal) on top of everything, and the close buttons don't function. If anyone can point me in the right direction I would appreciate it, I'm new to angular.</p>
  
  <pre><code>    &lt;body ng-app="myApp"&gt;
      &lt;!-- Application body --&gt;
      &lt;div class="app"&gt;
          &lt;div class="navbar-absolute-top"&gt;&lt;/div&gt;
          &lt;div class="navbar-absolute-bottom"&gt;&lt;/div&gt;
          &lt;div class="app-body" style="padding-top:10vh; padding-bottom:10vh"&gt;
              &lt;ng-view&gt;
                  &lt;div id="geolocation" style="height:80vh; width:100%"&gt;&lt;/div&gt;
              &lt;/ng-view&gt;
          &lt;/div&gt;
          &lt;!-- Overlays --&gt;
          &lt;div ui-yield-to="modals"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;!-- Overlay content --&gt;
      &lt;div ui-content-for="modals"&gt;
        &lt;div class="modal modal-overlay" ui-if='modal2' ui-state='modal2'&gt;
          &lt;div class="modal-dialog"&gt;
            &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                &lt;button class="close"
                        ui-turn-off="modal2"&gt;&amp;times;&lt;/button&gt;
                &lt;h4 class="modal-title"&gt;Modal title&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                &lt;p&gt;Lorem ipsum ...&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                &lt;button ui-turn-off="modal2" class="btn btn-default"&gt;Close&lt;/button&gt;
                &lt;button ui-turn-off="modal2" class="btn btn-primary"&gt;Save changes&lt;/button&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- Initialize App --&gt;
      &lt;script type="text/javascript"&gt;
          app.initialize();
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>