未绑定到具有相同FormControlName的FormControls的输入
是指在前端开发中，当使用响应式表单时，出现了表单控件与FormControlName不匹配的情况。
具体来说，Angular框架中的响应式表单是通过FormControl、FormGroup和FormBuilder等类来构建和管理表单的。每个FormControl都有一个FormControlName属性，用于与HTML模板中的表单控件进行绑定。当一个表单控件的FormControlName与其所在的FormGroup中的FormControlName不匹配时，就会出现未绑定到具有相同FormControlName的FormControls的输入的错误。
这种错误可能会导致表单数据无法正确地与后端进行交互，或者导致表单验证无法正常工作。为了解决这个问题，需要仔细检查HTML模板中的表单控件与FormGroup中的FormControlName是否一致，确保它们的命名是匹配的。
在腾讯云的云计算服务中，提供了一系列与前端开发相关的产品和服务，包括云服务器、云存储、云数据库等。这些产品可以帮助开发者构建稳定可靠的前端应用，并提供高效的数据存储和处理能力。
推荐的腾讯云相关产品：
- 云服务器（ECS）：提供弹性计算能力，可根据实际需求灵活调整计算资源。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各类非结构化数据。 产品介绍链接：https://cloud.tencent.com/product/cos
- 云数据库（CDB）：提供高性能、可扩展的关系型数据库服务，支持多种数据库引擎。 产品介绍链接：https://cloud.tencent.com/product/cdb
以上是对未绑定到具有相同FormControlName的FormControls的输入问题的解释和相关腾讯云产品的推荐。希望能对您有所帮助。
相关·内容
目前，我面临着一个问题，模板没有绑定到共享名称的表单控件，从而删除了健全检查的条件逻辑。 我尝试过:拼写检查，不同的FormControl构造函数调用，删除健全检查的条件逻辑。</form> 加载表单时，与originCity关联的输入不会显示“Value Here”。对输入的更改不会更改它们应该与之关联的formControls。此外，来自datepicke
浏览 6提问于2019-04-27得票数 0
回答已采纳
1回答
我正在申请Angular酒店。我正在尝试做酒店名称搜索和酒店区域搜索过滤器。当我搜索酒店名称时，代码工作正常，但是当我添加一个地区搜索时，代码被破坏，两个人一起搜索地区。我该怎么修复呢？<form class="example-form"> <input type="text" placeholder="Which Hotel?" matInput [formControl]="myC
浏览 4提问于2020-03-03得票数 0
目前，它返回正确的值，除了我有一个选择下拉列表的单元格。下面是我在material table selection下拉列表中的一个片段： <mat-table [dataSourceodd}"></mat-row> </div>
在上面的示例中，尽管我指定了activeTypes
浏览 0提问于2018-04-24得票数 3
回答已采纳
如果有两个FormControls具有相同的formControlName，但它们是同一表单中不同formGroups的一部分，这是否有效？
浏览 0提问于2019-03-14得票数 1
1回答
我想为我的角度项目添加一些表单验证。遗憾的是，在执行ng serve时，我遇到了以下错误：
错误错误:无法在FormGroupDirective.push..(forms.js:2000)的FormControlName.push../node_ setUpControl(forms.js:4970)的FormControlName.Push../node_setUpControl(forms.js:4970)处找到具有未指定名称属性的</
浏览 0提问于2018-12-05得票数 0
回答已采纳
目前，我已经看到了在自定义输入上注册onchange函数的示例，但没有在默认FormControl上注册。
浏览 0提问于2016-12-06得票数 2
我有两个角材料数据启动器，并希望实现以下验证:第一个数据报警器的-The日期必须是第二个数据报警器的最小日期。> <mat-datepicker-togglemat-datepicker-toggle>
<mat-datepicker #picker2>
浏览 1提问于2020-12-15得票数 1
回答已采纳
我有一个包含嵌套模板(子窗体)的表单。所有内容都会呈现，但只有父窗体中的输入才有效。子模板/表单中的所有输入都是ng-invalid。因为它们是无效的，所以输入中的占位符没有显示，而是一个难看的[object Object]显示了占位符应该在哪里。在其他尝试中：
为了隔离问题，我完全取消了嵌套表单中的验证，在这种情况下，子模板中的输入确实会变成ng-valid，并且它们<
浏览 1提问于2019-03-24得票数 0
我使用的是angular2，在我的表单中，我通常创建一个模型类并将我的对象绑定到表单中，然后通过this.myObject进行访问。input type="text" class="form-control" [(ngModel)]="diplome.label" name="label"></div>
晚些时候拿到我的数据diplome =
浏览 7提问于2016-08-09得票数 2
2回答
单击submit按钮后，我希望以现在的方式对数据对象进行控制台日志记录，但“enable”字段的更改值除外。例如，如果用户取消选中data.enabled的复选框，那么我的预期结果将是： { Key: "class_id", displayName: "Section ID", enabledlist-group-flush" *ngFor="let a of data">
<li class="
浏览 6提问于2020-03-20得票数 1
我正在根据从api获得的数据动态地创建复选框和相关的下拉列表...我的html代码如下：： <br>
<input [name]="i" [id]="i" class="
浏览 5提问于2020-03-11得票数 0
回答已采纳
模板驱动方法：以角2的形式向输入字段动态添加所需的属性。但是角形验证(form.valid)不能识别动态添加的所需字段。<input type="text" [(ngModel)]="coumnName" name="coumnName" >document.getElementsByName(columnName
浏览 0提问于2018-02-06得票数 9
回答已采纳
1回答
在本教程中，在视频#3中的“动态复制输入元素”模块下，她演示了如何使用复选框隐藏控件。当她点击“发送目录”时，地址就会出现。她就是这样隐藏和显示地址块的。我的问题是，我必须在地址块内做切换影响。让我说，当我检查“工作”单选按钮，它只需要显示城市和州，但当我点击家庭，它应该给我完整的地址。我正试图达到与上述例子相似的效果。我遇到的问题是，当我使用(ngModel)和*ngif获取FormArray内部的隐藏/显示影响时。当我在DDL中选择一个选项时，它将在sam
浏览 11提问于2017-08-17得票数 2
回答已采纳
1回答
我正在使用Material和ReactiveForms开发一个Angular6应用程序，我在获得验证/绑定以实现材料自动完成控制方面遇到了一些困难。据我所知，我需要[formControl]来绑定我的值和formControlName='countryid'，并结合required属性进行reactiveforms验证。我很确定这与提到的属性和底层绑定有关，但我不认为有问题。我尝试了不同的组合和解决办法，但都没有结果。
有人看到我搞砸<em
浏览 0提问于2018-12-14得票数 0
回答已采纳
我正在使用ReactiveFormsModule of Angular2创建一个包含表单的组件。这是我的代码：constructor(fb: FormBuilder) { 'fullnameclass="fields"> <label>Fullname*</label>
浏览 5提问于2016-10-21得票数 141
回答已采纳
1回答
在我的用例中，当用户单击编辑按钮时，角对后端进行HTTP调用并检索对象，然后在编辑表单上填充这些值。用户可以更新或保留字段不动。单击update按钮时，角应将所有这些值以形式显示并发送到后端。因此，这里有一个问题，在将值加载到编辑页面表单并更新某些字段并保留某些字段后，未触及的值将变为空值。<div class="form-group"> <input cl
浏览 1提问于2019-04-13得票数 5
回答已采纳
在括号内使用formControlName与不使用括号有什么区别？在动态表单教程中，formcontrolname在括号内使用。[formControlName]="dyncontrol.key"formControlName="name"
浏览 5提问于2016-09-14得票数 16
回答已采纳
我有一张formArray的表格 "firstName":[],})(<FormArray>self.myForm.controls['subjects']).push(new FormControl());<div*ngFor="let contr
浏览 0提问于2017-03-22得票数 1
1回答
以角反应的形式-我有如下3项的数组： productId : "104",}, productId :productFormArray: new FormArray([], CustomValidators.minNumberInputFieldRequired(1)),创建这样的输入字段productFormArray.push(new FormControl('',
浏览 0提问于2018-10-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
