title: How do i display the value of a form control in the html view?
body: <p>I know this sounds super simple but I can't get it to work. I know that I have to use the mustache tags to display it, but it just isn't displayed when I type something in the form field. Here is my code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;label&gt;Variety name: {{seedForm.get('varietyName').value}}&lt;/label&gt;
  </code></pre>
  
  <p>Here is the actual formfield:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;mat-form-field&gt;
      &lt;mat-label&gt;Variety name&lt;/mat-label&gt;
      &lt;input matInput name="variety" type="text" placeholder="The name of the variety" autofocus
          formControlname="varietyName" required&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>Here is the seedform definition:</p>
  
  <pre><code>this.seedForm = fb.group({
    'varietyName' : ['', Validators.required]
  })
  </code></pre>
  
  <p>I don't understand why this code doesn't display the value I type in. Can anyone tell me what I'm doing wrong?</p>
  
  <p>Thank you.</p>