typescript – AngularFire 2 sendPasswordResetEmail

发布时间：2020-12-17 17:39:43 所属栏目：安全来源：网络整理

导读：我想用AngularFire2实现重置密码/忘记密码功能.似乎AngularFire2尚未提供函数sendPasswordResetEmail,或者不更新输入.由于sendPasswordResetEmail是AngularFireAuth的一部分,我以为我仍然可以像这样访问这个函数： (this.af.auth as any).sendPasswordResetE

我想用AngularFire2实现重置密码/忘记密码功能.似乎AngularFire2尚未提供函数sendPasswordResetEmail,或者不更新输入.由于sendPasswordResetEmail是AngularFireAuth的一部分,我以为我仍然可以像这样访问这个函数：

(this.af.auth as any).sendPasswordResetEmail('email').
        then((result: any) => {
            console.log('Result:',result);
        }).catch((err: any) => {
            console.log('Err:',err);
        });

打字稿给了我这个错误：

error TS2349: Cannot invoke an expression whose type lacks a call signature.

由于我是typescript angular2的新手,有什么提示我如何访问sendPasswordResetEmail？我的猜测是我必须访问firebase提供的纯js sdk,但我不知道如何.

谢谢.

解决方法

您可以通过在组件构造函数中注入FirebaseApp来使用现有但未完全实现的AngularFire2 SDK功能,如下所示.这将使您可以访问sendPasswordResetEmail方法：

import { Component,Inject } from '@angular/core';
import { AngularFire,FirebaseApp } from 'angularfire2';

@Component({
   selector: 'app-forgot-password',template: '...'
})
export class ForgotPasswordComponent {
  private auth: any;
  constructor(private af : AngularFire,@Inject(FirebaseApp) fa : any) {
    this.auth = fa.auth();
  }

  onSubmit() {
    this.auth.sendPasswordResetEmail(this.user.email)
        .then( resp => console.log('sent!') )
        .catch( error => console.log('failed to send',error) );
  }
}

请注意,您现在必须声明您的FirebaseApp实例.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!