如何从一个服务抛出错误并将其捕获到Angular2的另一个组件中

Question

I have used Firebase for authenticaton purpose.

This is the code for authentication

export class AuthService {

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

This is code for signup in signup.Component.ts

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

So instead of printing an error, I would like to throw an error and catch it in signup component so that I can use that error and display a flash message to the user. How can I do that? Can somebody please solve my problem?

Answer 1

Just return the promise, and let the caller attach their own handlers:

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

Then the caller can do:

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