Angular Ввод материала: ошибка со многими полями ввода

Question

У меня проблема с модулем форм Angular Материал! Я пытаюсь создать тег со многими Angular Material Basi c 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) Если вы обновите sh своего приложения, можете ли вы увидеть ошибки? Это может заставить приложение работать неопределенным c способами. В командной строке, где вы запускаете ng serve вы видите какие-либо ошибки, может быть? Исправьте это сначала и попробуйте снова.