Ошибка: нет средства доступа к значению для элемента управления формы с неопределенным атрибутом имени

Question

<input type="email" class="form-control passname" [(ngModel)]="emailID" name="Passenger Email ID" placeholder="email" required pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$"/>
<div class="shake-tooltip-websearch-email" *ngIf="webEmailError != ''">{{webEmailError}}</div>
<div class="col-sm-4 col-xs-4 no-padding cont-code">
  <input class="form-control passenger-contact-number" type="text"  name="contCode" value ="+91" readonly>
</div>
<div class="col-sm-8 col-xs-8 contact">
  <input class="form-control contact-number" type="text" [(ngModel)]="contactNumber" name="contact-number" placeholder="Phone"  placeholder="Mobile Number" pattern="(?<!\d)\d{10}(?!\d)" requried minlength="10" maxlength="10" required />
  <div class="shake-tooltip-web-mobile" *ngIf="webMobileError != ''">{{webMobileError}}</div>
</div>

Я разрабатываю страницу с контактной информацией, где пользователю необходимо ввести emailID и номер контакта, и если поля оставить пустыми, появятся всплывающие подсказки об ошибках. Все работает нормально, во всплывающей подсказке электронной почты не отображается ошибка консоли, но для контактного номера я получаю

ОШИБКА Ошибка: нет доступа к значению для элемента управления формы с неопределенным атрибутом имени

ошибка. Пробовал все решения, которые предоставляются в стеке потока, но ничего не работает. Любое предложение?

Answer 1

Это потому, что у вас есть орфографическая ошибка при вводе контактного номера.Вы дважды «потребовали», и один из них написан «требуется».Также у вас есть два заполнителя на этом.И хотя это не имеет отношения к этому, никаких идентификаторов, хорошая практика, чтобы войти.