使用ngx-paypal实现Angular PayPal支付：onShippingChange回调导致支付流程停滞的解决方案咨询

其实这个问题的核心是：当你注册了onShippingChange回调后，PayPal的结账流程会等待你通过回调里的actions对象给出明确的处理指令，如果啥都不返回，它就会一直卡在“等待中”，自然不会触发后续的onClientAuthorization。

你需要根据自己的需求，在回调里执行对应的操作并返回响应：

情况1：只需要获取地址，不修改订单 #

如果只是想拿到收货地址做记录，不需要调整订单金额或内容，直接调用actions.resolve()告诉PayPal“地址没问题，继续走流程”就行：

onShippingChange: (data, actions) => {
  // 这里可以提取并处理收货地址数据
  const shippingAddress = data.shipping_address;
  console.log('用户选择的收货地址:', shippingAddress);
  
  // 关键步骤：调用resolve确认，让支付流程继续推进
  return actions.resolve();
}

情况2：需要根据地址修改订单（比如加运费） #

如果要根据收货地址调整订单（比如计算地区运费、修改商品总价），你需要先通过actions.order.patch()更新订单信息，完成后再调用resolve()：

onShippingChange: (data, actions) => {
  const selectedAddress = data.shipping_address;
  
  // 模拟根据地址计算新的订单金额（比如添加5美元运费）
  const updatedAmount = {
    currency_code: 'USD',
    value: '15.00' // 假设原订单是10美元，加上5美元运费后总价15美元
  };
  
  // 更新订单金额
  return actions.order.patch([
    {
      op: 'replace',
      path: '/purchase_units/@reference_id==\'default\'/amount',
      value: updatedAmount
    }
  ]).then(() => {
    // 订单更新完成后，确认继续流程
    return actions.resolve();
  });
}

额外提示 #

如果用户选的地址不符合你的要求（比如不支持配送的地区），可以调用actions.reject()来拒绝这个地址，PayPal会自动提示用户修改地址：

onShippingChange: (data, actions) => {
  const address = data.shipping_address;
  if (address.country_code !== 'US') {
    // 拒绝非美国地区的地址
    return actions.reject('我们目前仅支持美国地区配送');
  }
  return actions.resolve();
}

记住，一定要返回actions.resolve()或actions.reject()的Promise，不能让回调函数无返回值，这才是解决流程停滞的关键。

内容的提问来源于stack exchange，提问作者Boppity Bop