Module License: MIT
Added by: Sam Deering
Version 1.1.2 & 2.0.0-beta.3 now support UMD bundles. Version 2.0.0-beta.14 now supports AoT compilation.
A fully generic, customizable and fluent modal window implementation for Angular.
angular2-modal is UI platform/framework agnostic, plugins** are used to describe a UI implementation (e.g: Bootstrap)
This means virtually any modal implementation out there can be ported into
angular2-modal will come with some built in UI platforms, external UI platform can be added in the future or externally used using NPM modules.
See the DEMO: shlomiassaf.github.io/angular2-modal
Take 5 minutes to read a quick walk through with samples of how to use Angular 2 Modal
That's how easy it is:
modal.alert() .title('Hello World') .body('In Angular 2') .open();
Use this plunker for quick showcasing and issue reports.
http://embed.plnkr.co/ZAZqZu/ (version 1.1.1)
See src/demo for demo app with examples.
npm install angular2-modal --save
See systemJS example in this plunker Include both module and UMD bundle approach
Plugins serve as a concrete UI implementation for a modal. It can be an implementation for a known library (e.g: bootstrap) or something unique.
angular2-modal has some built in plugins it is also possible to use external plugins from NPM, if someone decide to build one.
git clone https://github.com/shlomiassaf/angular2-modal.git npm install typings install npm run start browse to localhost:3000
You can apply custom modals based on components.
~~Create a modal from declarative template syntax~~
~~Not so complicated but not in angular 2 at the moment.~~
~~Switch to material2 overlay implementation when done.~~
~~Build a umd bundle.~~
~~Provide base classes for generic components~~
universal-starter to enable universal support.
OnPush with an observable api model (fluent observables)
To avoid this problem use
event.stopPropagation(); or put the element removal inside a
Module stats last updated: 2017-02-23 16:00:03