(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`. |