Добавление новой строки в массив форм с помощью активной формы углов

Question

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

На данный момент этот код наиболее близок к решению:

https://stackblitz.com/edit/form-group-with-formarray-adding-dyamic-row-angular-5-6

Но мне нужно иметь только один form-group, и при вводе информации об автомобиле и нажатии Add New данные об автомобиле отображаются в виде строки таблицы ниже.

При нажатии на кнопку отправки формы вставленные данные должны бытькак в примере:

{
  "details": [
    {
      "type": "Opel",
      "model": "Astra",
      "year": "2001",
      "make": null,
      "color": "red",
      "plateNumber": "10239dfc"
    },
    {
      "type": "Renault",
      "model": "Clio",
      "year": "2008",
      "make": null,
      "color": "Yellow",
      "plateNumber": "384818ccc"
    }
  ]
}

У вас есть какая-нибудь ссылка, документ или что-то, что поможет мне решить эту проблему? Мне просто нужно руководствоСпасибо !!

Answer 1

попробуйте это ... В вашем файле

 this.yrForm= this._fb.group({

   Details: this._fb.array(
      [this.allArrayData()]
    )
  });




   allArrayData() {
      return this._fb.group({
        quantity: [''],
        percentage: ['']
      });
    };
      addNewOffer() {

  const control = <FormArray>this.myForm.controls['discount'];
  control.push(this.initlanguage());

}

теперь в вашем HTML-файле ...

     <div formArrayName="Details">
        <div *ngFor="let language of myForm['controls'].discount['controls'] ; let i=index" class="double-input"
        [formGroupName]="i">
         <input type="text" formControlName="yrFrmCTRLname...">

         <button (click)="addNewOffer()">addd</button>
          <path
     </div>

это может помочь вам ... дайте мне знать, если вынужна помощь спасибо