Open modal window (dialog box) for your angular2 applications using bootstrap3. If you don't want to use it without bootstrap - simply create proper css classes. Please star a project if you liked it, or create an issue if you have problems with it.
Install npm module:
npm install ng2-modal --save
If you are using system.js you may want to add this into
ModalModule in your app. Then you can use
Modal header content goes there.Modal body content goes there.Modal footer content goes there.
ModalModule in your app.
If you want your modals to be opened within routes,
<route-modal></route-modal> should be used instead.
<!-- first modal: modal with custom header, content and footer -->modal with custom header content and footerI am first modalThis modal has its own header, content and footer.okay!<!-- second modal: disable close button -->modal without close buttonI am second modalThis modal does not have close button.okay!<!-- third modal: disable close button -->modal that cannot be simply closedI am third modalYou cannot close this modal by pressing "ESC" button or clicking outside of the modal.okay!<!-- forth modal: this modal has default title and cancle button -->modal that has title and cancel buttonYou can simply use "title" attribute to provide a modal default header.Also you can add default cancel button by providing a label to it.<!-- fifth modal: this modal uses extra "large class" -->large modalVery large modal.<!-- sixth modal: this modal uses extra "small class" -->small modalVery small modal.<!-- seventh modal: this modal can listen close event -->it opens first modal after you close itNow try to close it and it will open you first modal.<!-- eighth modal: this modal can listen close event -->it opens first modal right after you open itThis modal opened first modal right after you opened it.<!-- ninth modal: this modal can do something after you click submit button -->it opens first modal after you click submit buttonThis modal has a submit button with your custom label. Also it can make an action after youclick that submit button. Here it will open you first modal after you click submit.
Take a look on samples in ./sample for more examples of usages.