时间戳

首页 > 解决方案 > firebase thenable 参考返回处理

typescript - firebase thenable 参考返回处理

问题描述

我正在使用 angularfire2 并进行推送调用来存储对象。如下所示：

点击处理程序

assignCode(){
    this.ddlSvc.assignCoupon(this.selItem.key, coupon).then(
      (resp) =>  {
                      console.log("user created with:" + resp)
                      const alert = this.core.createAlert('Confirmation', 'Coupon Assgined to customer!')
                      alert.present()

                 }
    )
  }

调用firebase的角度服务

assignCoupon(key:string, coupon:Coupon){
    return this.db.list('/users/' + key + '/coupons').push(coupon)
  }

当调用客户端用户具有推送到该节点所需的权限时，它工作正常。但是，我们正在测试调用客户端没有权限的情况。目前，当我们触发这个案例时，我们会以一种非常丑陋的方式在 UI 上得到所有错误，而不是一个很好的弹出窗口，因为我们没有处理它。那么，我们如何处理错误部分呢？因为它是一个 thenable 引用，所以点击处理函数没有 . “.catch”来处理。

标签： typescriptfirebase-realtime-databaseangularfire2

解决方案

如果您转到ThenableReference（在 Visual Studio Code 中，按 Ctrl-T 然后键入ThenableReference）的定义，您应该会看到如下内容：

  interface ThenableReference
    extends firebase.database.Reference,
      PromiseLike<any> {}

我们关心的部分是PromiseLike<any>. 如果你跳到那个定义，你应该看到这个：

interface PromiseLike<T> {
    /**
     * Attaches callbacks for the resolution and/or rejection of the Promise.
     * @param onfulfilled The callback to execute when the Promise is resolved.
     * @param onrejected The callback to execute when the Promise is rejected.
     * @returns A Promise for the completion of which ever callback is executed.
     */
    then<TResult1 = T, TResult2 = never>(onfulfilled?: ((value: T) => TResult1 | PromiseLike<TResult1>) | undefined | null, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | undefined | null): PromiseLike<TResult1 | TResult2>;
}

请注意，它then接受一个可选的第二个回调，在发生错误时调用。您应该能够使用它来代替该catch方法。

推荐阅读