表单问题-具有相同名称的多个订单项

时间:2019-03-23 11:32:06

标签: html json ionic-framework ionic4

因此,我有多个具有相同列/字段的订单项。 以下是我的html代码:

<ion-item>
<ion-label position="floating">Customer Name</ion-label>
<ion-input type="text" name="CustomerName" ngModel>
</ion-input>
</ion-item>

<ion-item *ngFor="let att of anArray; let idx = index">
<ion-item>
        <ion-label position="floating">Line Date : </ion-label>
        <ion-input type="text" name="LineDate{{idx+1}}" ngModel></ion-input>
    </ion-item>
    <ion-item>
        <ion-label position="floating">Line Item</ion-label>
        <ion-input type="text" name="LineItem{{idx+1}}" ngModel></ion-input>
    </ion-item>input type="text" name="Type{{idx+1}}" ngModel></ion-input>
    </ion-item>
    <ion-item>
        <ion-label position="floating">Description</ion-label>
        <ion-input type="text" name="Description{{idx+1}}" ngModel></ion-input>
    </ion-item>
</ion-item>

提交表单后,我得到的是下面生成的json:

{
  "CustomerName": "",
  "LineDate1": "A",
  "LineItem1": "A",
  "Type1": "A",
  "Description1": "A",
  "LineDate2": "B",
  "LineItem2": "B",
  "Type2": "B",
  "Description2": "B"
}

但这不是我真正期望的。我需要下面的东西。 这样我就可以轻松地将json下面的内容转换为行并插入数据库表中。

{
  "CustomerName": "abc",
  "LineDate": "A",
  "LineItem": "A",
  "Type": "A",
  "Description": "A"
},
{
  "CustomerName": "abc",
  "LineDate": "B",
  "LineItem": "B",
  "Type": "B",
  "Description": "B"
}

0 个答案:

没有答案