Блог

Мой ввод отображается неправильно (поле ввода должно находиться слева от кнопки):

Если я задам форме цвет фона, я смогу увидеть, что входные данные действительно отображаются, но белым цветом:

Как я могу это отладить?

HTML:

 lt;divgt;  lt;form [formGroup]="keywordForm" (ngSubmit)="addKeyword()"gt;  lt;mat-form-field appearance="fill"gt;  lt;mat-labelgt;Keywordslt;/mat-labelgt;  lt;input  matInput  type="text"  formControlName="keyword"  placeholder="Ex: Bananas"  /gt;lt;/mat-form-fieldgt;  lt;button type="submit" [disabled]="!keywordForm.valid"gt;  Add  lt;/buttongt;  lt;/formgt; lt;/divgt;  

Вот как я инициализирую форму:

 keywordForm: FormGroup = this.fb.group({  keyword: ['', [Validators.required, Validators.minLength(1)]], });  

И я думаю, что я импортировал необходимые модули:

 import { MatInputModule } from '@angular/material/input'; import { MatFormFieldModule } from '@angular/material/form-field';