【问题标题】:ERROR Error: No value accessor for form control with unspecified name attributeERROR 错误:没有用于具有未指定名称属性的表单控件的值访问器
【发布时间】:2018-05-17 18:48:21
【问题描述】:
<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 和联系电话,如果这些字段留空,则会显示错误工具提示。一切正常,电子邮件工具提示没有显示任何控制台错误,但对于联系电话,我收到了

ERROR 错误:没有未指定名称属性的表单控件的值访问器

错误。尝试了stackover flow中提供的任何解决方案,仍然没有任何效果。有什么建议吗?

【问题讨论】:

  • 你确定这是正确的行吗?您在哪里使用表单控件?
  • 是的,我只从这一行收到控制台错误。当我从控制台检查时,它正在重定向到这一行
  • 请提供更多代码来帮助您!
  • @Luillyfe 我添加了额外的代码。你有什么建议吗?

标签: javascript angular typescript angular-forms angular4-forms


【解决方案1】:

这是因为您输入的联系人号码有拼写错误。你有两次'required',其中一个拼写为'requried'。你也有两个占位符。虽然它与此无关,但没有 id,进入的好习惯。

【讨论】:

  • 感谢您指出拼写错误,但删除它也没有成功。
猜你喜欢
  • 1970-01-01
  • 2018-03-07
  • 1970-01-01
  • 1970-01-01
  • 2018-03-24
  • 2019-02-09
  • 2019-08-17
  • 1970-01-01
  • 2018-10-30
相关资源
最近更新 更多