Angular 材料輸入：有很多輸入字段的錯誤

Question

我對 Angular 材料的 Forms 模塊有疑問。 我嘗試使用許多 Angular Material Basic Inputs 創建一個標簽，但在網站上。 只出現一個輸入字段。 其他輸入字段僅顯示字段的值，現在，當我單擊第一個輸入字段時，其他字段是否正確顯示？ 但只有當我點擊第一個輸入字段時？

在我點擊第一個輸入字段之前

之后

<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您可能會看到任何錯誤嗎？ 請先修復這些，然后重試。