Angular表单报错：No value accessor for form control with name: ‘XXX‘

最新推荐文章于 2021-10-11 11:41:36 发布
最新推荐文章于 2021-10-11 11:41:36 发布
阅读量2.8k 收藏
点赞数
分类专栏： Angular 文章标签： angular.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40121676/article/details/107375714
版权

说一下当前业务场景：angular响应式表单，封装下拉组件，给下拉组件添加 formControlName，并且在formgroup中声明该formControlName对应的name，运行项目报错。

报错截图：
在这里插入图片描述
报错代码处

  <app-params-drop-list formControlName="intakeTypeId" [basicOption]="basicOption.AgmachineIntakeType" type="AgmachineIntakeType" *ngIf="basicOption.AgmachineIntakeType"></app-params-drop-list>

报错原因：没有使用ControlValueAccessor 接口实现我自定义表单组件。

JiAyInNnNn123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
angular自定义表单控件，解决错误No value accessor for form control with name: ‘xxx‘
qq_38872934的博客
12-26 5470
目标：自定义表单控件（FormControl），增加灵活性和复用性。 场景：自定义组件作为表单控件，添加formControlName获取值。 报错：No value accessor for form control with name: ‘xxx’。 原因：将name绑定到了一个没有对应’value’的地方，或者说是找不到获取对应的’value’的通道。 解决方法1：添加ngDefaultControl元素 ngDefaultControl元素是基于DefaultValueAccessor指令的。 .
angular 报错 No value accessor for form control with name ‘xxx’
qq_35719898的博客
04-03 1505
错误：console输出错误No value accessor for form control with name ‘xxx’。 原因：不是输入框，添加了formControlName属性。
对于angular 报错 No value accessor for form control with name ‘xxx’的问题
weixin_46034141的博客
10-08 356
对于angular 报错 No value accessor for form control with name ‘xxx’的问题 ERROR Error: No value accessor for form control with name: ‘xx’ 问题原因：在不是input的标签里，使用了formControlName属性 问题解决：直接在该标签中，粘贴一个 ngDefaultControl 即可 ...
No value accessor for form control with path
zjq_1234的博客
10-11 483
背景：使用angular的响应表单时，根据第一个下拉框的选中的值，确定第三个字段是input框还是inputNumber的框，报错如下： No value accessor for form control with path: 'listOfControls -> 0 -> operatorParameter' 原因是找不到operatorParameter这个字段对应的inputNumber的框 ...
Angular5升级RxJS到5.5.3报错：EmptyError: no elements in sequence的解决方法
10-18
然而，随着框架版本的更新，有时会出现一些兼容性问题，就像标题所描述的，在升级Angular5到RxJS 5.5.3时，可能会遇到`EmptyError: no elements in sequence`的错误。这个错误通常是由于某些操作符在处理空数据流时...
ngx-typesafe-forms:因为FormControl 比FormControl更强大！
05-14
Angular的类型安全表单 :memo: 因为FormControl比FormControl更棒！ 概述 什么？ :thinking_face: 这是一个使Angular Forms更类型安全的小型库！ 类型安全版本FormControl ， FormGroup ， FormArray和...
angular_form:angularJs表单和验证的基本模板
05-10
让我们深入探讨这个"angular_form"项目，它是AngularJS中关于表单和验证的一个基础模板。 首先，`angular_form-master`是一个项目的目录名，通常在GitHub等版本控制系统中使用，表示这是一个项目的主分支或最新版本...
angular-form:AngularJs的简单动态表单伴侣
05-16
link rel =" stylesheet " href =" bower_components/angular-form/angular-form.css "/> < script src =" bower_components/angular-form/angular-form.js " > </ script > 注入模块依赖性 ...
angular 报错 No value accessor for form control with name ***
MiracleTTT的博客
05-28 7432
对于不是输入框，如果自己想添加  formControlName属性的，需要另外添加 ngDefaultControl 属性 直接添加ngDefaultControl就可以，不用写值。
【Angular4】No value accessor for form control with name: '***'
热门推荐
陶洲川的博客
11-02 1万+
一、问题描述：今天，使用Ionic和Angular写了一个页面，做一个是一个请假列表的框子，但是老是会报这个错： No value accessor for form control with name: ‘**’； 没有跟这个名字对应的可获得的值？二、html源代码：就是这里准备用一个添加的连接，但是每次下拉选框选中产假这里时，就会报错如上； 这里绑定的ngModel是newLeave实
无法绑定到“ formControl”，因为它不是“输入”的已知属性-angular2材质自动完成问题
CHCH998的博客
08-05 501
I am trying to use angular material autocomplete component in my angular2 project. 我试图在我的angular2项目
angular报错 No value accessor for form control with unspecified name attributeNo value accessor for
vransy的博客
06-24 5297
这个错误 主要的原因是在于 双向绑定 [(ngModel)] 不能绑定再非常规区域 例如 绑定在 <td [(ngModel)] = “”> 后面就不写了 这种情况下就会报 这种错误 正常情况下 在<input [(ngModel)]=""> 才不会报错 ...
Angular 4.x 自定义表单控件
weixin_34269583的博客
04-14 300
当我们打算自定义表单控件前，我们应该先考虑一下以下问题： 是否已经有相同语义的 native (本机) 元素？如：&lt;input type="number"&gt; 如果有，我们就应该考虑能否依赖该元素，仅使用 CSS 或渐进增强的方式来改变其外观/行为就能满足我们的需求？ 如果没有，自定义控件会是什么样的？ 我们如何让它可以访问 (accessible)？ 在不同平台上自定义控件的行为是否...
关于ionic（angular底层）下No value accessor for form control with unspecified name attribute问题的解决
gshrt的博客
01-16 9920
写前端最烦这种意想不到的问题，花了近一天功夫一开始以为哪里语法写错了，最后终于网上查到是[(ngModel)]那里出问题了。简单说就是如果你把[(ngModel)]绑定到一个不那么“常规”的地方，比如下图我绑到了div上，那它就很可能会报这个错误，绑到select标签就没这个错。。解决办法就是在标签内同时加个ngDefaultControl就行了。至于说原理，我反正是没看懂。。也没时间没心情看懂，...
Angular表单
u010552788的专栏
04-19 1855
文章目录一、[ngModelOptions]="{standalone: true}" 是什么意思？为什么在我们的项目中使用ngModel的时候需要用到？二、ng表单和表单验证 (https://angular.cn/guide/forms-overview)2.1 目前Angular中提供的内置验证器有2.2 创建自定义验证器2.3 如何将错误信息展示在模板中三、创建自定义表单组件需要用到Con...
提交表单控制台报错：form control with name='' is not focusable.解决办法
lyyo_cd的博客
05-22 1万+
bootstrap页面，当select选择项为-其他原因时，出现下方的textarea；当选择项为其他时，不填写原因，textarea被隐藏。textarea为必填，属性required；问题：当select选择项不是-其他原因时，此时下方的textarea是隐藏的，但是required属性还在，此时谷歌浏览器下提交表单会报错：An invalid form control with name='...
core.js:6210 ERROR Error: No value accessor for form control with name: 'wfqx'
最新发布
05-11
这个错误通常表示 Angular 表单控件缺少 ngModel 或 formControl 指令。确保在表单控件中添加这些指令，并将其绑定到组件中的一个属性上。例如，在组件中添加一个名为 wfqx 的属性，然后在模板中将表单控件绑定到这个属性上： ``` // 在组件中 import { Component } from '@angular/core'; import { FormControl } from '@angular/forms'; @Component({ selector: 'my-component', template: ` <form> <input type="text" [formControl]="wfqx"> </form> ` }) export class MyComponent { wfqx = new FormControl(''); } ``` 在这个例子中，我们创建了一个名为 wfqx 的 FormControl，然后将它绑定到了一个文本框控件上。这样，当用户在文本框中输入内容时，我们就能够获取到 wfqx 控件的值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值