title: Angular - How to not use ngModel in FormArray
body: <p>How not to use ngmodel for the FormArray? I'm trying to add my input fields but I'm using ngModel. Once you add row the value is passed to the next row.</p>
  <blockquote>
  <p>.TS</p>
  </blockquote>
  <pre class="lang-js prettyprint-override"><code>this.form = this.formBuilder.group({
        id : [0],
        Status: ['', Validators.required],
        array: this.formBuilder.array([this.createList()])
      })
  
  createList(): FormGroup {
      return this.formBuilder.group({
        id: [0],
        QtyOrder : ['0', Validators.required],
        QtyDelivered : [''],
        QtyRejected : ['', Validators.required],
        QtyReceived : ['', Validators.required],
      })
    }
  
  get array():FormArray{
  return this.form.get('array') as FormArray;
  }
  
  Calculate(){
   let total = this.form.get('array') as FormArray;
   return total.controls.map((x) =&gt; x.get('QtyDelivered').value - x.get('QtyRejected').value).reduce((sum,amount) =&gt; sum + amount, 0);
  }
  </code></pre>
  <blockquote>
  <p>.HTML ----Here I want to put the total.---</p>
  </blockquote>
  <pre><code>&lt;input type=&quot;text&quot; formControlName=&quot;QtyReceived&quot; [ngModel]=&quot;Calculate()&quot;&gt;
  </code></pre>