角材料输入：具有许多输入字段的Bug

Question

我对Angular Material的表单模块有疑问！ 我尝试用许多Angular Material Basic输入创建一个标签。 但是在网站上，仅出现一个输入字段。其他输入字段仅显示该字段的值。现在，当我单击第一个输入字段时，其他字段才正确显示，但仅当我单击第一个输入字段时才显示？

Before i clicked on the first input field

And after

<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的地方可能看到任何错误？首先修复这些，然后重试。