javascript - observables - Convertir una promesa en observable

promesas vs observables

Question

tratando de convertir la primera función de promesa de swal en observable e intentando usar la acción de cancelar. ¿Puede alguien ayudarme con la sintaxis por favor?

swal({
  title: ''Are you sure?'',
  text: "You won''t be able to revert this!",
  type: ''warning'',
  showCancelButton: true,
  confirmButtonColor: ''#3085d6'',
  cancelButtonColor: ''#d33'',
  confirmButtonText: ''Yes, delete it!'',
  cancelButtonText: ''No, cancel!'',
  confirmButtonClass: ''btn btn-success'',
  cancelButtonClass: ''btn btn-danger'',
  buttonsStyling: false
}).then(function () {
  swal(
    ''Deleted!'',
    ''Your file has been deleted.'',
    ''success''
  )
}, function (dismiss) {
  // dismiss can be ''cancel'', ''overlay'',
  // ''close'', and ''timer''
  if (dismiss === ''cancel'') {
    swal(
      ''Cancelled'',
      ''Your imaginary file is safe :)'',
      ''error''
    )
  }
})

Hasta ahora tengo lo siguiente:

export class DialogService {
    confirm(title: string, message: string):Observable<any> {
        return Observable.fromPromise(swal({
            title: title,
            text: message,
            type: ''warning'',
            showCancelButton: true
        }));
    }; }

¿Cómo agrego la function (dismiss) en el cuadro anterior?

Answer 1

No estoy seguro de que swal use la API nativa de Promise , creo que usa una biblioteca de promesas para JavaScript como q u otra cosa.

export class DialogService {
    confirm(title: string, message: string):Observable<any> {
       return Observable.create( (observer: any) => {
                 swal({
                   title: title,
                   text: message,
                   type: ''warning'',
                   showCancelButton: true
                 }).then((data)=>{
                    observer.next(data);
                 },(reason)=>{
                    observer.error(reason);
                 })
            })
     }
}

Answer 2

Nvm, terminé con lo siguiente, ..

    return Observable.create((observer) => {
        if (component.isUntouched()) {
            observer.next(true);
        } else {
            swal({
                title: ''Sure?'',
                text: ''Not saved, are you sure?'',
                type: ''warning'',
                showCancelButton: true
            }).then(() => {
                observer.next(true);
            }, () => {
                observer.next(false);
            })
        }
    });

Para completar, el component.isUntouched() se define de la siguiente manera:

@ViewChild(''appForm'') appForm: NgForm;
... 
isFormTouched():boolean{
    return this.eventForm.dirty;
}

Y en la plantilla / html:

<form class="form form-horizontal" (ngSubmit)="submitEvent()" #appForm="ngForm">
  ..
</form>

Answer 3

Una vez que se suscribe al Observable, puede pasar el caso de ''captura'' de Promesa.

const subscription = Observable.fromPromise(...).subscribe(
  function () {
    console.log(''Deleted!'');
   },
  function (dismiss) {
    console.log(''Dismiss'', dismiss);
  })

Tenga en cuenta que esto solo funcionará si es una especificación válida de Promises / A +.

Más información aquí: https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/frompromise.md