Question

我的app.html如下所示。

$sql2 = "UPDATE progression SET xp=(xp - maxxp) WHERE username='$username' AND xp > maxxp";

当我点击添加按钮时，我想提交所有数据。所以我正在使用FormArray。我的.ts文件如下。

<form [formGroup]="CompanyGroup" (ngSubmit)="groupCompany(CompanyGroup.value)">
<div formArrayName="mapRow">
  <h4>UNMAPPED COMPANIES</h4>
<div class="row unmapped">
  <table class="table">
    <thead>
      <tr>
        <th>Company Name</th>
        <th>Bank Name</th>
        <th>Id</th>
        <th>Add to a Group</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let unmapped of unmappedCompanies ">
        <td>{{unmapped.cname}}</td>
        <td>{{unmapped.bname}}</td>
        <td>{{unmapped.id}}</td>
        <td>

                <div class="col-md-6 form-group">
                   <select  name="add_group" formControlName="add_group" class="form-control">
                     <option value="">Please Select the Group</option>
                     <option *ngFor="let grp of groups" class="select-group"  [value]="grp.id">{{grp.company_name}}</option>
                   </select>
                 </div>
            <input value="unmapped.id" type="hidden" formControlName="companies_id" name="companies_id">   

         </td>
      </tr>
    </tbody>
  </table>

</div>
<div class="row">
    <div class="col-md-4 pull-right">
        <button  type="submit" class="btn btn-success add_group" >Add</button>
     </div>
</div>
</div>
</form>

但它给出了错误。

任何人都可以指导我如何使用formarray从输入中获取值。

我希望提交后的输出如

ngOnInit() {
    this.CompanyGroup=this.fb.group({
      'mapRow':this.fb.array([this.initItemRows()]),
    });
     this.getUnMappedCompanies();
     this.getAllCompanyGroups();
  }

  initItemRows() {
    return this.fb.group({
        add_group: ['', Validators.required],
        companies_id:['', Validators.required]
    });
  }

请帮帮我。

谢谢

使用表单数组提交表单？

0 个答案: