title: formControlName in table
body: <p>I have a problem, In my table I want to use formControlName, but not input form. <code>Subtotale</code>  I don't post in ws because this value is empty, like in photo. How to use formControlName in this code? Can you suggest me any idea?</p>
  
  <p><a href="https://i.stack.imgur.com/9RyXB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9RyXB.png" alt="enter image description here"></a></p>
  
  <pre><code> &lt;table align="center" class="table table-bordered table-hover"&gt;
              &lt;thead&gt;
            &lt;tr style="color:black;"&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Note&lt;/th&gt;
              &lt;th&gt;Subtotale&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr class="group" style="cursor: pointer" *ngFor="let item of products;"&gt;
              &lt;td&gt;{{item.client_id}}&lt;/td&gt;
               &lt;td&gt;
                &lt;div class="input-field col s2"&gt;
                  &lt;label for="notes"&gt;Notes:&lt;/label&gt;
               &lt;input formControlName="notes" id="notes" type="text" lass="validate"&gt;
                &lt;/div&gt;
              &lt;/td&gt;
              &lt;td&gt;
                {{100 * item.Quantity}}  // I should use formControlName but do not know how to use it. I do not want input. Is there any way you can solve it?
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
  </code></pre>
  
  <p>ts code:</p>
  
  <pre><code>this.addprod= new FormGroup({
    'client_id': new FormControl('', Validators.required),
    'notes': new FormControl('', Validators.required),
    'subtotal': new FormControl('', Validators.required)
  });
  </code></pre>