src/lib/markup-kit/modals/slide-up/slide-up.component.ts
A component representing a slide-up modal window.
Example of usage:
<mefdev-slide-up-modal [show]="showModal">
<ng-template #modal_header>
<h4>Modal Header</h4>
</ng-template>
<ng-template #modal_footer>
<button (click)="closeModal()">Close</button>
</ng-template>
<div class="modal-body">
Content goes here...
</div>
</mefdev-slide-up-modal>
OnInit
| selector | mefdev-slide-up-modal |
| styleUrls | ./slide-up.component.scss |
| templateUrl | ./slide-up.component.html |
Properties |
|
Methods |
|
Inputs |
Outputs |
Accessors |
constructor()
|
| show |
Type : boolean
|
|
Flag indicating whether the modal should be shown or hidden.
Set it to |
| visibleChange |
Type : EventEmitter
|
|
Event emitted when the modal is change state. Emits a boolean value indicating if the modal is closed(false), or open(true). |
| getModalState |
getModalState()
|
|
Shows the modal state. Return a boolean value indicating if the modal is closed(false), or open(true)
Returns :
boolean
|
| Public hideModal |
hideModal()
|
|
Hides the modal. Call this method to close the modal window.
Returns :
void
|
| Public showModal |
showModal()
|
|
Shows the modal. Call this method to open the modal window.
Returns :
void
|
| modal_footer |
Type : TemplateRef<void>
|
Decorators :
@ContentChild('modal_footer')
|
|
Reference to the template for the modal footer. Use this template to customize the footer of the modal. |
| modal_header |
Type : TemplateRef<void>
|
Decorators :
@ContentChild('modal_header')
|
|
Reference to the template for the modal header. Use this template to customize the header of the modal. |
| Protected visible |
Type : boolean
|
Default value : false
|
| show | ||||||
setshow(val: boolean)
|
||||||
|
Flag indicating whether the modal should be shown or hidden.
Set it to
Parameters :
Returns :
void
|