Class: component_ component:ngeoModal

ngeo.message.module:modalComponent.component_

(non-null) new component_()

Provides the "ngeoModal" component.

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

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

This component 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-resizable boolean Whether the modal can be resized or not. Defaults to `false`.
ngeo-modal-closable boolean Whether the modal can be closed by clicking outside it or by hiting the `escape` keyboard key. Defaults to `true`.