typescript - AngularFire 2 发送密码重置电子邮件

标签 typescript angular angularfire2

我想用 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);
        });

typescript 给我这个错误:

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

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

谢谢。

最佳答案

您可以通过在组件构造函数中注入(inject) 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 实例声明为 any

关于typescript - AngularFire 2 发送密码重置电子邮件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38239883/

相关文章:

Angular + Cypress 代码覆盖率报告不起作用

angular - 数据未显示。 ng-reflect-ng-for-off :null?

Angular 2 Typescript 将 json 解析为对象

使用解构的剩余参数进行 Typescript 函数重载类型推断

typescript - 自定义存储库中带有 Typeorm 事务的 Nestjs

javascript - 带有 Observables 的 AngularFire2 没有捕获 $ref 属性

angular - 返回函数 Angular 2

javascript - 有没有办法让未链接的节点不以半径分布?

angular - 如何使用 Angular 2 中的依赖项扩展服务

angular - 如何以 Angular Testing 以下异步函数?