ng2-popups v1.1.7
ng2-popups
Popups for angular 2 : load dynamically your components into a popup. Minimal style and html for easy personalization. This library use ng2-component-injector. See example/ if needed.
Install
npm install ng2-popups --save
@NgModule({
providers: [PopupModule],
declarations: [ /* Put here your components to be injected */ ],
entryComponents: [ /* Put here your components to be injected */ ],
})
export class AppModule { }
And put <utx-popups></utx-popups>
into your main component template.
Into your SystemJs config you'll need to put :
packages: {
'ng2-component-injector', {
main: 'bundles/ng2-component-injector.js',
defaultExtension: 'js'
}
}
Documentation
PopupService
open
open(config: any):Promise<PopupComponent>>
Open a new popup and inject a component inside. Return a promise resolved when the popup is opened.
config :
{
component: any; // the component to inject
inputs?:any; // {Object} the inputs to pass to the component
outputs?:any; // {Object} the outputs to listen to the component
}
close
close(popup: PopupComponent):Promise<any>
Close a popup. Return a promise resolved when the popup is closed.
closeAll
closeAll():Promise<any>
Close all popups. Return a promise resolved when all popups are closed.
PopupComponent
close
close():Promise<any>
Close the popup. Return a promise resolved when the popup is closed.
closePromise
closePromise:Promise<any>
A promise resolved when the popup is closed.
element
element:HTMLElement
The DOM element of the popup (can be use to add class, etc...).
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago