Simple Angular Dialog - bcd-dialog

Genera Dialogos (Modals) de forma sencilla en Angular.

1. Instalación

npm install bcd-dialog --save 

2. Cargar Módulo

Importamos DialogModule en nuestro módulo.

@NgModule({
  declarations: [AppComponent],
  imports: [
    DialogModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

3. Generando Diálogo

Ahora ya podemos injectar el Servicio y pasar como parametro nuestro Componente a injectar dentro del Dialog/Modal

import { Component } from '@angular/core';
import { DialogService } from 'bcd-dialog';
import { ModalHelloWorldComponent } from './shared/modal-hello-world/modal-hello-world.component';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {

  constructor(
    private dialogService: DialogService
  ) { }

  ngOnInit(): void {
    // Injectando un Componente 'ModalHelloWorldComponent'
    const dialogHello = this.dialogService.create(ModalHelloWorldComponent);

    // Destruyendo Modal
    dialogHello.afterClosed$.subscribe(() => dialogHello.destroy());
  });


}