Simple Angular Dialog - bcd-dialog

Genera Dialogos (Modals) de forma sencilla en Angular.

1. Instalación

`` npm
npm install bcd-dialog --save
`

2. Cargar Módulo

Importamos DialogModule en nuestro módulo.

` typescript
@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

` typescript
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());
});


}

``