title: use formControlName with something like <span>
body: <p>I have a dynamic form which shows multiple datasets I've got via REST.
  The user will edit this dataset and then later just submit it to get it sent back to the server.</p>
  
  <p>The form is built dynamically with <code>FormBuilder.array()</code> and looped through via <code>formArrayName</code> + <code>*ngFor</code> in my template.</p>
  
  <p>One property of each dataset is a "last updated" information I want to <strong>display</strong> along with the editable data in my form. Right now I use an <code>&lt;input&gt;</code> field with <code>disabled</code> attribute - but this looks kinda ugly.</p>
  
  <p>When I used a model driven form i just had a <code>&lt;span&gt;{{mf.lastUpdated}}&lt;/span&gt;</code> part for each dataset which just displayed the date nicely.</p>
  
  <p>Now that I want to use reactive Forms, I can't set <code>formControlName</code> in a <code>&lt;span&gt;</code> Tag - so how am I supposed to display the information without any input possibility?</p>
  
  <h2>Edit</h2>
  
  <p>Plunker: <a href="http://plnkr.co/edit/JZIjXH9CagJNHLxK64fG?p=preview" rel="noreferrer">http://plnkr.co/edit/JZIjXH9CagJNHLxK64fG?p=preview</a></p>
  
  <p>The "last Used" field - I want to display it as "text only" without an input-tag</p>