Question

我在firebase实时数据库中使用angular。我有一个应用程序正在处理订单的付款。当前代码如下所示

我的离子页面.ts在paynow按钮上被调用，如下所示：

  startPayment(){
        this.instamojoClient = new Instamojo(this.http, this.iab, 'XXX');
        var data = this.instamojoClient.getPaymentFields()

        this.instamojoClient.payNow(data).then(response => {

           //payment is successful now create a order for the customer
           this.ddlSvc.createOrder(this.core.order, this.core.user)
        }).catch(err => {
         console.log("Payment failed: " + JSON.stringify(err))
        });
      }

createOrder如下所示

   createOrder(order:Order, customer:User){
        console.log("new technique to creating new order for #" + order.orderNumber)
        const itemRef = this.db.list('orders')
        const payload = {
          order: order,
          customer: customer
        }

        itemRef.push(payload).then(
          (data) => {
            const orderKey = data.key
             //create a cross entry in the user as well to maintain history
            const userRef = this.db.object('/users/' + customer.uid + "/orders/" + orderKey )
            userRef.set(order)
          }
        )  
      }

我有几个问题/问题： 1. startPayment应该能够等待createOrder完成，这样我才能向用户显示一条消息，指示成功执行订单。我要从createOrder服务函数返回什么来实现该目标？

创建订单有两个作用：创建订单供卖方处理，还创建与放置用户的用户的交叉条目，以便他可以在其历史记录中看到它。因此，基本上订单数据是重复的。这是正确的做法吗？如果没有，那我该怎么办？
创建顺序正在执行如上所述的两件事。如果第一次或第二次操作失败，我该如何处理？如何确保我不会导致数据损坏？

Answer 1

简单地兑现承诺。用伪代码：

startPayment.subscribe(() => {
    // success
}, error => {
   // error
})

startPayment(): Observable<any> {
    return from(payNow()).pipe(
        switchMap(dataFromPayNow => createOrder(dataFromPayNow))
    );
}

createOrder(): Observable<any> {
    //...
    return from(itemRef.push()).pipe(
        switchMap(item => {
            return from(userRef.set());
        })
    )
}

但是，通过使用反应模式，您可以使生活更轻松：

<button (click)=" isShow=!isShow">FormatCell</button>
<div class="ruleOptionsPanel" *ngIf=" isShow">
<table>
<tr>
<td>Name</td>
<td>Ram</td>
</tr>
</table>
</div>

您可以使用catchError运算符来处理流中的错误。

有角度的火力场处理创建流程

1 个答案: