請求運行多次

Question

我有這個 function，它調用谷歌社交登錄

 loginnn($event){
this.socialAuthService.signIn(GoogleLoginProvider.PROVIDER_ID);
this.socialAuthService.authState.subscribe((user) => {
this.frmLoginGoogle.patchValue({
email: user.email,
googleAuthToken: user.authToken,
});
console.log('loop after clicking again')
});
this.loginGoogle($event);
console.log('execute the function first than the one above')

}

問題是它在this.loginGoogle之前運行this.socialAuthService

我已經嘗試將this.loginGoogle放入訂閱中，但單擊幾下后它最終運行了好幾次

Answer 1

我認為這是正確的做法。

 this.socialAuthService.signIn(GoogleLoginProvider.PROVIDER_ID).pipe(
   switchMap(() => this.socialAuthService.authState), // switching from one to another observable after emit the value
   tap((user) => {
     this.frmLoginGoogle.patchValue({
        email: user.email,
        googleAuthToken: user.authToken,
     });
     this.loginGoogle($event);
   }),
   take(1) // limit the observable to complete after one time
 ).subscribe();