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