角度材料输入:有许多输入字段的错误

Question

我对角材料的表单模块有问题！我尝试创建一个带有许多角度材质基本输入的标记。但在网站上，只有一个输入字段出现。其他输入字段仅显示字段的值。现在，当我点击第一个输入字段时，其他字段会正确显示，但只有当我点击了第一个输入域时？

在我点击第一个输入字段之前

之后

<form class="example-form" style="margin-top: 15px">
<mat-form-field class="example-full-width">
<mat-label>Favorite food</mat-label>
<input matInput placeholder="Ex. Pizza" value="Sushi" disabled>
</mat-form-field>
<mat-form-field class="example-full-width">
<mat-label>Favorite food</mat-label>
<input matInput placeholder="Ex. Pizza" value="Sushi" disabled>
</mat-form-field>
</form>

Answer 1

在您的情况下，可能会出现一些渲染错误。我怀疑这是因为你在模板中有一个禁用的按钮，但在你的屏幕截图上，它们似乎不是这样的。

检查浏览器控制台。(F12 o CTRL+SHIFT+i(如果你刷新你的应用程序，你能看到任何错误吗？这些可以使应用程序以不确定的方式工作。在命令行中，运行ng serve的位置，您可能看到任何错误吗？请先解决这些问题，然后重试。