promise - example - ng2-bootstrap-modal angular 5

Cómo devolver el resultado de angular2-modal, o en general de ng2-components

Question

Estoy usando este gran angular2-modal pero no puedo entender cómo devolver un valor de resultado de mi modal personalizado.

Lo instauro de esta manera:

 let dialog: Promise<ModalDialogInstance>;
let bindings = Injector.resolve([
provide(ICustomModal, { useValue: this.gewaehltesBild })
]);
var self = this;
dialog = this.modal.open(
<any>ImagecropperComponent,
bindings,
new ModalConfig("md", true, 27));
dialog.then((resultPromise) => {
return resultPromise.result.then((result) => {
this.lastModalResult = result;
this.mitarbeiter.avatarImg = this.gewaehltesBild;
$(self.elementRef.nativeElement).find(''#bildSelector'').val("");
}, () => this.lastModalResult = ''Rejected!'');
});

He tratado de enviar mi valor de retorno con

this.dialog.close(this.croppedImage);

pero el resultado siempre es nulo. ¿Existe una convención en angular2 sobre cómo devolver valores de los componentes, que es utilizada por angular2-modal?

¡Gracias!

Answer 1

Funciona bien para mí, yo también estoy usando un diálogo personalizado y así es como capto el resultado

 var dialog = this._modal.open(VideoPlayerComponent,
resolvedBindings,
new ModalConfig(''lg'', true, 27));
dialog
.then((d) => d.result)
.then((r) => { console.log(r); }, (error) => { console.log(r); });

Cuando llamo close de la instancia

this._dialog.close("Hello");

Imprime Hello