html - 为什么即使在导入依赖项后 mat-form-field 也不起作用？

Question

我有一个小角度项目，我在其中使用了一些 Angular Material 元素。我不想使用旧的、蹩脚的 html 输入字段，而是想实现很酷的 Material 之一。但它不起作用。我已经成功使用了一些 Angular Material 元素，例如 Material Button。

我检查了现有的帖子，但没有找到解决这个问题的方法。我希望你们中的一些人能在这种情况下启发我。

这是我在 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：

谁能告诉我出了什么问题？感谢您的每一个帮助！

标签： htmlangulartypescriptangular-material

Answer 1

为 MatInputModule 添加导入。