Class: modalDirective directive:ngeoModal

ngeo.modalDirective

new modalDirective($parse)

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

HTML attributes:
Name Type Description
ngeo-modal-destroy-content-on-hide boolean Destroy the content when the modal is hidden
ngeo-modal-resizable boolean Whether the modal can be resized or not. Defaults to `false`.
Returns:
angular.Directive

The directive specs.