1.0.0-beta.2 • Published 8 years ago
ng2-openmodal v1.0.0-beta.2
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
- Install the package
ng2-openmodal
npm install --save ng2-openmodal
- 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' },
...
};
- Set the modal placement, e.g.
import { ModalService } from 'ng2-openmodal';
...
@ViewChild('modalPlacement', {read: ViewContainerRef}) modalPlacement: ViewContainerRef;
...
this.modalService.setPlacement(this.modalPlacement);
- TODO Invoke
ModalService.openModal
- 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>
1.0.0-beta.2
8 years ago
1.0.0-beta.1
8 years ago
0.2.8
8 years ago
0.2.7
8 years ago
0.2.6
8 years ago
0.2.5
8 years ago
0.2.4
8 years ago
0.2.3
8 years ago
0.2.2
8 years ago
0.2.1
8 years ago
0.2.0
8 years ago
0.1.3
8 years ago
0.1.2
8 years ago
0.1.1
8 years ago
0.1.0-beta.4
8 years ago
0.1.0-beta.3
8 years ago
0.1.0-beta1
8 years ago
0.0.5
8 years ago
0.0.4
8 years ago
0.0.3
8 years ago
0.0.2
8 years ago
0.0.1
8 years ago