Class: modalDirective directive:ngeoModal

Provides the "ngeoModal" directive.

This directive shows a Bootstrap modal when the ngModel expression evaluates to true, and it hides it when the ngModel expression evaluates to false.

The directives also changes the ngModel value when the user manually closes the modal.

This directive is based on Bootstrap's modal classes and associated jQuery plugin.

<ngeo-modal ng-model="modalShown">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"
            aria-hidden="true">×</button>
    <h4 class="modal-title">The Title</h4>
  </div>
  <div class="modal-body">Some content</div>
</ngeo-modal>

Note: for z-indexing purpose, the modal DOM element is automatically moved to document body element.

See our live example: ../examples/modal.html