ng2-openmodal

A customizable modal for Angular 2

It uses the Bootstrap modal by default. You can also provide a custom modal view.

Features List

• Default bootstrap modal layout
• Customizable modal layout
• Alert dialog
• Customizable Alert component
• Confirmation dialog
• Customizable Confirmation component
• Dialog result callback
• Dialog dismiss callback
• Dismiss validation
• Good documentation

Basic Usage

1. Install the package ng2-openmodal

npm install --save ng2-openmodal

1. Add entries in the file systemjs.config.js

...

var map = {
  ...
  // Here it goes!
  'ng2-openmodal':              'node_modules/ng2-openmodal',
  ...
};

var packages = {
  ...
  'ng2-openmodal':              { main: 'index.js', defaultExtension: 'js' },
  ...
};

1. Set the modal placement, e.g.

import { ModalService } from 'ng2-openmodal';

...

@ViewChild('modalPlacement', {read: ViewContainerRef}) modalPlacement: ViewContainerRef;

...

this.modalService.setPlacement(this.modalPlacement);

1. TODO Invoke ModalService.openModal
2. Enjoy it!

TODO Modal response

TODO The ThenElse class

TODO Additional features

ModalService methods

• TODO setModalLayout(type):
• TODO setAlertComponent(type):
• TODO setConfirmComponent(type):
• TODO setPlacement(container: ViewContainerRef):
• TODO openModal(componentType: any, title: string, contentParams?: any): ThenElse<any>