Почему mat-form-field не работает даже после импорта зависимостей?

#html #angular #typescript #angular-material

#HTML #angular #typescript #angular-material

Вопрос:

У меня есть небольшой проект angular, в котором я использую некоторые элементы Angular Material. Вместо того, чтобы иметь старое, хромающее поле ввода html, я хотел реализовать классное материальное. Но это не работает. Я уже успешно использую некоторые элементы Angular Material, такие как кнопка Material.

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

Это мой код в html:

 <mat-form-field>
    <mat-label>Favorite food</mat-label>
    <input matInput placeholder="Ex. Pizza" value="Sushi">
</mat-form-field>
  

Вот и результат:

введите описание изображения здесь

Обратите внимание, что также не mat-label отображается.

app.module.ts:

введите описание изображения здесь

Кто может сказать мне, что пошло не так? Спасибо за любую помощь!

Комментарии:

1. Добавьте импорт для MatInputModule .

Ответ №1:

Добавьте импорт для MatInputModule.