Question

我用代码示例解释我的问题

我提供以下服务：

@Injectable()
export class PartidoProvider extends MyFirestoreProvider<Partido> {

 constructor(  public http: HttpClient,
               public firestore: AngularFirestore) {      
    super('partidos', http, firestore);        
  }

 buscarPartido ( jugador1: Jugador, jugador2: Jugador ) : Observable<Partido[]> {
    let partidoGanaJugador1: Partido = new Partido();
    let partidoPierdeJugador1: Partido = new Partido();

    partidoGanaJugador1.jugadorGanador = jugador1.idDoc;
    partidoGanaJugador1.jugadorPerdedor = jugador2.idDoc;

    partidoPierdeJugador1.jugadorGanador = jugador2.idDoc;
    partidoPierdeJugador1.jugadorPerdedor = jugador1.idDoc;

    return Observable.zip(  this.get(partidoGanaJugador1), 
                        this.get(partidoPierdeJugador1), 
                        (listaGanados, listaPerdidos) => {                                  
                              return listaGanados.concat(listaPerdidos);
    });    
}

我需要从一个组件中调用转换为Promise的服务，以便稍后使用await等待数据返回，以管理另一个实体中的注册。

接下来，我显示对该服务的调用的测试代码：

  async enviarResultado(){
    let rival: Jugador;
    let jugador: Jugador = this.authProvider.jugador;
    let nombreRival: string;
    let partido: Partido;
   // Obtener partido del calendario para añadirle el resultado    
    nombreRival = this.myForm.controls['rival'].value;        
    rival = this.rivales.find( rival => rival.nombre == nombreRival);    

    // THIS WORKS
    const sample = val => Observable.of(val).delay(5000);
    const example = sample('First Example').toPromise().then(result => {
     console.log('From Promise:', result);
          });

    // THIS WORKS
    this.partidoProvider.buscarPartido(jugador, rival).subscribe(
      resultado => {
        console.log("El subscribe ha devuelto datos");
        console.log(resultado);          
      },
      error => {
        console.error("Se ha producido un error al intentar buscar el partido para modificar el resultado")
      }
  );

   // THIS DOESN'T WORK only 1 appears in the debug console (console.log ("1"))
   console.log("1"); 
   this.partidoProvider.buscarPartido(jugador, rival).toPromise()
   .then( lista => {
     console.log("2");
     console.log("Promesa entra");
     console.log("data:" + lista);                      
     if ( lista && lista.length > 0){
       partido = lista[0]
     }
   })
   .catch( error => {
     console.log("2");
     console.error("Se ha producido un error al intentar buscar el partido para modificar el resultado")
    });

有人知道哪里出了问题吗？

非常感谢您

Answer 1

使用toPromise()时，您需要确保源Observables完整。

Observables可以发出多个值，因此toPromise()不知道最后一个值是什么，以及何时应解析它返回的Promise。

因此，我的猜测是，用this.get(...)创建的源Observable之一从未完成。也许您想使用类似Observable.zip(...).take(1)这样的东西。

Answer 2

toPromise函数实际上有点棘手，因为它并不是真正的 “运算符”，而是一种RxJS特定的订阅方式可观察并将其包装在承诺中。承诺将解决 Observable完成后，Observable的最后一个发射值。

https://medium.com/@benlesh/rxjs-observable-interop-with-promises-and-async-await-bebb05306875

为什么“ toPromise（）”对我不起作用

2 个答案: