将Angular2 FINAL服务中的数据返回到Component

时间:2017-08-23 03:25:08

标签: angular

我有一个login功能的服务。

export class AuthService {
   login(email:string, password: string) {
      this.firebaseAuth.auth.signInWithEmailAndPassword(email, password).then(value => {
          return value;
      }).catch(err => {
          return err;
      });
   }
}

我在一个组件中调用它

export class LoginComponent implements OnInit {
    login() {
       this.auth.login(this.email, this.password);
       this.email = this.password = '';
    }
}

我的问题是,如何从组件中的服务中获取从login函数返回的内容,并让组件等到服务实际返回值?

旁注:我根本不习惯打字。

1 个答案:

答案 0 :(得分:0)

首先,服务应返回Observable或promise。对于该更改,代码略微类似return this.firebaseAuth。然后在组件中按this.auth.login(this.email, this.password).then(Result => console.log(Result))

获取结果