title: How to display the form control value in Angular 6?
body: <p>I am trying to display the form control in the span tag not in input tag. So I have tried the below one</p>
  
  <pre><code>&lt;div formArrayName="genes"&gt;
      &lt;table&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Position&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody *ngFor="let gene of genesControls.controls; let i = index" [formGroupName]="i"&gt;
              &lt;td&gt;
                  &lt;span&gt;
                  {{gene.position}} //not working
                  {{position}} //not working
                  {{gene.position.value}} //not working
                  {{position.value}} //not working
                  &lt;/span&gt;
  
                  &lt;!--input formControlName="position" id="pos"&gt; This is working--&gt;
              &lt;/td&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I am trying inside the input tag it is working but with the span or some other tag it is not working, I don't know what is going here, As per document I tried with values also but something went wrong. How can I fix this one?</p>