Итерация более чем двух списков параллельно в/bin/sh

Я не знаю, является ли это правильным способом сделать это, но я больше не получаю первоначальную ошибку.

Во-первых, я создал несколько скрытых полей для соответствующих элементов, которые я хотел опубликовать, наряду с присвоением каждому входу идентификатора - следующие скрытые поля:

Во-вторых, я создал отдельный PayPalService, чтобы разделить функциональность, а также, я хотел, чтобы эти сообщения проходили через мой перехватчик, чтобы поместить jwt в заголовки:

import { Injectable } from "@angular/core";
import { HttpClient, HttpHeaders, HttpResponse } from "@angular/common/http";
import { ShoppingCartService } from "./shopping-cart.service";
import { ProductService } from "./product.service";
import { LoginService } from "./login.service";

@Injectable({
  providedIn: "root"
})
export class PaypalService {
  constructor(
    private http: HttpClient,
    private loginSrvc: LoginService,
    private prdSrvc: ProductService,
    private cartSrvc: ShoppingCartService
  ) {}

  addScript = false;
  paypalLoad = true;
  finalAmount;
  subTotal;

  paypalConfig = {
    env: "sandbox",
    client: {
      sandbox:
        "",
      production: ""
    },
    commit: true,
    payment: function(data, actions) {
      return actions.payment.create({
        transactions: [
          {
            amount: {
              total: document.getElementById("total").value,
              currency: "USD",
              details: {
                subtotal: document.getElementById("subTotal").value,
                tax: (document.getElementById("total").value * 0.07).toFixed(2),
                shipping: (document.getElementById("total").value * 0.03).toFixed(2),
                handling_fee: "1.00",
                shipping_discount: "0.00",
                insurance: (document.getElementById("total").value * 0.01).toFixed(2)
              }
            },
            description: "The payment from for-her application.",
            /* custom: "90048630024435", */
            invoice_number: document.getElementById("orders_id").value, // Insert a unique invoice number
            payment_options: {
              allowed_payment_method: "INSTANT_FUNDING_SOURCE"
            },
            soft_descriptor: document.getElementById("user_id").value,
            item_list: {
              items: [document.getElementById("product").value],
              shipping_address: {
                recipient_name: (document.getElementById("firstName").value + " " + document.getElementById("lastName").value),
                line1: document.getElementById("address").value,
                line2: document.getElementById("address2").value,
                city: document.getElementById("city").value,
                country_code: document.getElementById("country").value,
                postal_code: document.getElementById("zip").value
                phone: document.getElementById("phone").value,
                state: document.getElementById("state").value,
                email: document.getElementById("email").value
              }
            }
          }
        ],
        note_to_payer: "Contact us for any questions on your order."
      });
    },
    onAuthorize: (data, actions) => {
      return actions.payment.execute().then(payment => {
        // Do something when payment is successful.
        // window.alert("Thank you for your purchase! You order will be processed and shipped as soon as possible");
        document.getElementById("myModal").style.display = "block";
        document.getElementById("ModalBackdrop").style.display = "block";
        this.cartSrvc.postCart();
      });
    }
  };

  addPaypalScript() {
    this.addScript = true;
    return new Promise((resolve, reject) => {
      const scripttagElement = document.createElement("script");
      scripttagElement.src = "https://www.paypalobjects.com/api/checkout.js";
      scripttagElement.onload = resolve;
      document.body.appendChild(scripttagElement);
    });
  }

  public getSubTotal() {
    this.subTotal = (document.getElementById("total").value) -
    ((document.getElementById("total").value * 0.07) +
    (document.getElementById("total").value * 0.03) +
    (document.getElementById("total").value * 0.01) +
    1.00);
    return this.subTotal.toFixed(2);
  }

  public getToken(): string {
    return localStorage.getItem("jwt");
  }
}

Конечно, теперь у меня есть другая ошибка искаженного запроса, который помещен внутри jsonlint и, как вы можете видеть, он вернулся как действительный:

Но главное, чтобы параметры / свойства работали:

Если кто-нибудь может сказать мне, о чем новая ошибка, то я бы будь благодарен.

Error: Request to post https://www.sandbox.paypal.com/v1/payments/payment failed with 400 error. Correlation id: f31569c675597, f31569c675597

{
    "name": "MALFORMED_REQUEST",
    "message": "Incoming JSON request does not map to API request",
    "information_link": "https://developer.paypal.com/webapps/developer/docs/api/#MALFORMED_REQUEST",
    "debug_id": "f31569c675597"
}

request/

Еще раз спасибо @ paulsm4 за предложение заглянуть под вкладку «Сеть», чтобы увидеть, действительно ли значение было опубликовано.