1つのサービスからエラーを投げてAngular2の別のコンポーネントにキャッチする方法

Question

私は認証目的でFirebaseを使用しました。

これは、認証用のコード

export class AuthService { 

     signupUser(email:string,password:string){ 
     firebase.auth().createUserWithEmailAndPassword(email,password).catch((error)=>{ 
      console.log(error); 
     }) 
     } 

代わりにエラーを印刷する。これは、signup.Component.ts

onSignup(form:NgForm){ 
    const email=form.value.email; 
    const password=form.value.password; 
    this.authService.signupUser(email,password); 
    } 

にサインアップするためのコードでだから、私はエラーをスローしたいです私はそのエラーを使用して、ユーザーにフラッシュメッセージを表示することができるようにサインアップコンポーネントでキャッチします。どうやってやるの？誰かが私の問題を解決してくれますか？

Answer 1

だけの約束を返し、呼び出し側は、自分のハンドラを添付してみましょう：

signupUser(email:string,password:string){ 
    return firebase.auth().createUserWithEmailAndPassword(email,password); 
} 

その後、発信者が行うことができます：

this.authService.signupUser(email,password).catch(...);