Как отобразить значение элемента управления формы в представлении HTML?

Question

Я знаю, это звучит очень просто, но я не могу заставить его работать. Я знаю, что я должен использовать теги усов, чтобы отобразить его, но он просто не отображается, когда я набираю что-то в поле формы. Вот мой код:

<label>Variety name: {{seedForm.get('varietyName').value}}</label>

Вот фактическое поле формы:

            <mat-form-field>
                    <mat-label>Variety name</mat-label>
                    <input matInput name="variety" type="text" placeholder="The name of the variety" autofocus formControlname="varietyName" required>
            </mat-form-field>

Вот определение формы семени:

this.seedForm = fb.group({
  'varietyName' : ['', Validators.required]
})

Я не понимаю, почему этот код не отображает значение, которое я ввожу. Может кто-нибудь сказать мне, что я делаю неправильно?

Спасибо