Maybe you need to close <input> tag: <!-- Wrong --> <mat-form-field> <input matInput> </mat-form-field> <!-- Right --> <mat-form-field> <input matInput /> </mat-form-field>