How to use ngx-simple-modal - 3 common examples
To help you get started, we’ve selected a few ngx-simple-modal examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
KevCJones / ngx-simple-modal / demo-ng6 / src / app / app.module.ts View on Github 
import { ConfirmComponent } from './confirm/confirm.component';
import { PromptComponent } from './prompt/prompt.component';
import { ParentDialogModalComponent } from './parent-dialog/parent-dialog.component';
import { CustomErrorHandler } from './custom-error/custom-error-handler';
import { OptionService } from './alert-select/options.service';
import { AlertSelectComponent } from './alert-select/alert-select.component';
import { DefaultSimpleModalOptionConfig, defaultSimpleModalOptions } from 'ngx-simple-modal/simple-modal/simple-modal-options';
@NgModule({
imports: [
BrowserModule,
FormsModule,
HttpModule,
SelectModule,
SimpleModalModule.forRoot({container: 'modal-container'})
],
declarations: [
AppComponent,
AlertComponent,
AlertSelectComponent,
ConfirmComponent,
PromptComponent,
ParentDialogModalComponent
],
providers: [{
provide: ErrorHandler,
useClass: CustomErrorHandler,
},
// {
// provide: DefaultSimpleModalOptionConfig,
// useValue: {...defaultSimpleModalOptions, ...{ closeOnEscape: true, closeOnClickOutside: true }}import { ConfirmComponent } from './confirm/confirm.component';
import { PromptComponent } from './prompt/prompt.component';
import { ParentDialogModalComponent } from './parent-dialog/parent-dialog.component';
import { CustomErrorHandler } from './custom-error/custom-error-handler'
import { OptionService } from './alert-select/options.service';
import { AlertSelectComponent } from './alert-select/alert-select.component';
import { DefaultSimpleModalOptionConfig, defaultSimpleModalOptions } from 'ngx-simple-modal/simple-modal/simple-modal-options';
@NgModule({
imports: [
BrowserModule,
FormsModule,
HttpModule,
SelectModule,
SimpleModalModule.forRoot({container: 'modal-container'})
],
declarations: [
AppComponent,
AlertComponent,
AlertSelectComponent,
ConfirmComponent,
PromptComponent,
ParentDialogModalComponent
],
providers: [{
provide: ErrorHandler,
useClass: CustomErrorHandler,
},
// {
// provide: DefaultSimpleModalOptionConfig,
// useValue: {...defaultSimpleModalOptions, ...{ closeOnEscape: true, closeOnClickOutside: true }}import { OptionService } from './alert-select/options.service';
import { AlertComponent } from './alert/alert.component';
import { AppComponent } from './app.component';
import { ConfirmComponent } from './confirm/confirm.component';
import { CustomErrorHandler } from './custom-error/custom-error-handler';
import { ParentDialogModalComponent } from './parent-dialog/parent-dialog.component';
import { PromptComponent } from './prompt/prompt.component';
@NgModule({
imports: [
BrowserModule,
FormsModule,
HttpModule,
SelectModule,
A11yModule,
SimpleModalModule.forRoot(
{ container: 'modal-container' },
{
...defaultSimpleModalOptions,
...{
closeOnEscape: true,
closeOnClickOutside: true,
animationDuration: 0,
autoFocus: true,
},
}
),
],
declarations: [
AppComponent,
AlertComponent,
AlertSelectComponent,ngx-simple-modal
A simple unopinionated framework to implement simple modal based behaviour in angular (v2+) projects.
