Woocommerce结帐页面循环

Question

我正在尝试为每个模块添加产品标题。这是代码和结果。

ngOnInit() {
this.myForm = this.fb.group({
  customer_name: '',
  customer_phone: '',
  customer_address: '',
  products: this.fb.array([0])
});
}
get productForms() {
return this.myForm.get('products') as FormArray;
}
addProduct() {
    const product = this.fb.group({
      product_code: [],
      product_name: [],
      product_price: [],
      product_quantity: [],
      total: []
    });

    this.productForms.push(product);
  }

如果我运行该代码，则结果为：

但是，我需要获取每个块的产品标题。例如。

产品标题 旅行者1详细信息 旅行者2的详细信息 另一个产品标题 旅行者1详细信息 旅行者2的详细信息 ...继续

如果我将foreach代码添加到for循环中，它将变为：

如何为每个区块添加产品标题？