如何修复ControlValueAccessor中的“get value”
ControlValueAccessor是Angular框架中的一个接口，用于创建自定义表单控件。在使用ControlValueAccessor时，有时会遇到"get value"的修复问题。下面是修复ControlValueAccessor中的"get value"的步骤：
- 确保实现ControlValueAccessor接口的自定义表单控件类中有正确的get value方法。该方法用于获取表单控件的值。
- 检查自定义表单控件的模板，确保表单控件的value属性与ControlValueAccessor中的get value方法绑定。例如，使用[(ngModel)]指令或[formControl]指令将表单控件的值与模型数据进行双向绑定。
- 检查自定义表单控件的模板，确保表单控件的change事件与ControlValueAccessor中的registerOnChange方法绑定。registerOnChange方法用于在表单控件的值发生变化时通知Angular框架。
- 检查自定义表单控件的模板，确保表单控件的blur事件与ControlValueAccessor中的registerOnTouched方法绑定。registerOnTouched方法用于在表单控件失去焦点时通知Angular框架。
- 检查自定义表单控件的模板，确保表单控件的disabled属性与ControlValueAccessor中的setDisabledState方法绑定。setDisabledState方法用于设置表单控件的禁用状态。
- 检查自定义表单控件的模板，确保表单控件的状态变化时，调用ControlValueAccessor中的writeValue方法更新表单控件的值。writeValue方法用于将模型数据写入表单控件。
- 如果以上步骤都正确实现，但仍然无法修复"get value"问题，可以尝试重新编译和运行应用程序，确保所有依赖项都正确安装和配置。
需要注意的是，以上步骤是一般性的修复方法，具体修复步骤可能因实际情况而异。在实际修复过程中，可以参考Angular官方文档、社区论坛或相关教程，以获取更详细的修复指导。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（TBCAS）：https://cloud.tencent.com/product/tbcas
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 视频直播（CSS）：https://cloud.tencent.com/product/css
- 音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
相关·内容
我想在组件中封装一个angular材质的matInput，以便在应用程序的其他地方重用它，因为我需要管理它的内部状态，以便将输入类型从文本更改为密码，反之亦然。 我通过实现ControlValueAccessor设法做到了这一点，但是没有显示验证错误的样式。 密码字段组件： export class PasswordFieldComponent
implements OnInit, ControlValueAccessor {
@ViewChild(DefaultValueAccessor) private valueAccessor: DefaultValueAccessor;
浏览 42提问于2019-10-19得票数 2
回答已采纳
我已经实现了以下组件。它的工作和行为如预期的那样。然而，由于ControlValueAccessor的实现对我来说是新的，所以我不得不使用，而不了解几节的更深层次的细节。因此，这是一种“它工作，但为什么？！”情况。
@Component({ selector: ..., templateUrl: ..., styleUrls: ...,
providers: [{ provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => InputTextComponent),
浏览 2提问于2017-10-14得票数 17
回答已采纳
我正在为我的angular应用程序编写Karma测试。我使用用ControllValueAccessor创建的自定义表单控件。
有没有一种方法来测试实现的ControllValueAccessor方法(registerOnChange，...)
@Component({
selector: 'my-form-input',
templateUrl: 'input.html',
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExis
浏览 6提问于2019-10-19得票数 0
我正在尝试创建一个仅用于case的指令。我创建了以下代码，但我在尝试制作formGroup.value时遇到了问题。该指令以可视方式更改了值(通过使用_Renderer2)，但是formControl仍然具有原始值，并且当使用formGroup.value从表单获取数据时，这些值是小写的。有没有可能解决这个问题？谢谢 <form [formGroup]="formGroup">
<mat-form-field>
<input placeholder="Street" formControlName="
浏览 15提问于2020-10-11得票数 1
我正在尝试创建一个内部带有输入表单控件的自定义组件，但我不知道如何将指令formControl和formControlName连接到内部输入，这是我的代码：
<div class="input-group">
<input class="form-control form-control-sm"
#code />
<div class="input-group-append">
<button type="button" class="
浏览 1提问于2020-02-13得票数 0
我正在尝试在Angular 4中的模板驱动表单中实现一个自定义表单控件组件，因为我希望它能够很好地与父表单集成，所以我尝试将其实现为一个ControlValueAccessor。我已经按照我能找到的指南去做了，但是Angular不合作。根据文档，它应该调用我的registerOnChange()实现，但它没有调用。为什么？
/* editor-clause.component.ts */
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
import { QueryClause }
浏览 6提问于2017-12-22得票数 14
回答已采纳
我有两个指令，toPercentage，其中乘法数与100，另一个isRounding，其中选择数字后的.00(十进制)，都是一个接一个工作，但不能在一起！
<input type="number" name="name" toPercentage isRounding [ngModel]="val.employerShare" (ngModelChange)="val.employerShare = $event">
这两个指令实现了一个自定义值访问器，当我在输入字段中使用它们时，它会抛出此错误。
错误:在_thr
浏览 1提问于2017-05-10得票数 0
我一直有“无值访问器用于具有未指定名称属性的窗体控件”。
有人说应该添加ngDefaultControl，但它不会触发组件中的任何更改。
我尝试实现ControlValueAccessor，但是我回到了上面的错误消息
import { Component, OnInit,Input,OnChanges,SimpleChange } from '@angular/core';
import { ControlValueAccessor } from "@angular/forms";
import { ProductsService } from '..
浏览 2提问于2017-08-22得票数 1
回答已采纳
Angular版本: 6.1
我正在尝试使用Kara Erickson所称的复合ControlValueAccessor实现一个自定义控件，如演示文稿所示。控件的值应设置为两个子输入值之一。
问题是writeValue()似乎只在最初调用，而不是在进一步的值更改时调用。
这是一个。
form.html
<form #f="ngForm" (ngSubmit)="f.form.valid && Submit(f)">
<confirm-password name='password' ngModel #pw
浏览 1提问于2018-07-28得票数 8
回答已采纳
我试图创建一个材料下拉包装，(垫-选择下拉)，这将与formControlName工作。如果有人在他们的图书馆里张贴他们的Stackblitz，可以吗？随意从头开始，创造自己的答案，任何符合要求。
要求：
1)需要与formControlName协同工作。我们有带有formBuilder/及其验证器的父组件表单，它试图引用这个子包装器。父组件表单生成器也有许多其他表单字段，这是典型的场景。
2)如果数据不满足父FormBuilder验证器的要求，则需要显示错误红色无效。
( 3)不仅需要使用formControlName/patchValue (patchValue应该使用整个类)；( b)如
浏览 6提问于2020-01-20得票数 0
回答已采纳
1回答
使日期场以角表示
、、、
我正在尝试将datepicker组件从ngx-bootstrap中变成一个自定义日期字段，这样我就可以全球化一些功能和信任。但是，我似乎无法在日期输入字段中捕获Date对象的值。
我的date-field.ts (我在重复使用文本字段中的设置)。所以，如果您看到文本字段组件的一些残余物，请原谅我。但是我确信我的主要问题是我的组件不知道它是一个日期字段)
import { Component, OnInit, forwardRef, Input } from '@angular/core';
import { FormControl, ControlValueAccess
浏览 4提问于2021-02-21得票数 0
回答已采纳
1回答
我创建了表单，此表单的一个字段是cantrolValueAcessor组件。这个字段只是一个数字和几个按钮。点击左键后号码减少，点击后右键数增加。
我想要对cantrolValueAcessor字段使用验证。当数字小于“0”时，必须显示错误消息。
这是我的。
CVA代码：
import { Component, forwardRef } from '@angular/core';
import {
ControlValueAccessor,
NG_VALIDATORS,
NG_VALUE_ACCESSOR,
Validator,
} from '@ang
浏览 9提问于2022-03-14得票数 0
回答已采纳
我有一个带有反应性表单的自定义组件InputField和SignupComponent。
<ui-input-field formControlName="email" label="email"></ui-input-field>
当我这样做的时候，我得到的是formControlName in ui-input-field，而不是标记input。如何解决这个问题？
我使用ControlValueAccessor，但不明白它是如何工作的(writeValue()方法)
import { Component, forwardRef, In
浏览 3提问于2018-05-25得票数 0
回答已采纳
当我们实现CheckboxControlValueAccessor时，我们得到以下错误：
类型具有私有属性'_renderer'的单独声明
代码：
export class NHCheckbox implements CheckboxControlValueAccessor {
_align = "right";
_label = ""; // Label
_required = false;
_tooltip: string = null;
constructor(
private _rend
浏览 0提问于2017-05-31得票数 2
在第二次设置textarea组件的可见性时，它会抛出标题中提到的错误。下面是一个演示问题的柱塞： (问题组件的代码)：
import {Component, OnInit, ElementRef, ViewChild, Input, forwardRef, ChangeDetectorRef} from "@angular/core";
import {ControlValueAccessor, NG_VALUE_ACCESSOR} from "@angular/forms";
const noop = () => {
};
export const
浏览 1提问于2017-02-04得票数 2
回答已采纳
1回答
我正在使用Angular中的反应式表单，并且我正在尝试创建一个自定义表单元素，这样我就可以在表单中使用按钮了。我正在尝试遵循Alligator.io的教程，但不清楚如何将其集成到我的组件中。目前，我得到了以下错误。 ERROR Error: No value accessor for form control with name: 'coverage_for_domestic_partners' 下面是我的代码，任何帮助都将不胜感激。 // HTML <div class="button-group" [formGroup]="group"
浏览 19提问于2019-01-15得票数 3
回答已采纳
我有一个组件，用于包装表单控件输入字段，为此，我尝试实现ControlValueAccessor。
但我不能让它起作用。
自定义输入组件：
import { Component, Input } from '@angular/core';
import { ControlValueAccessor, FormGroup } from '@angular/forms';
const noop = () => {};
@Component({
selector: 'custom-input',
template: '<
浏览 2提问于2016-10-31得票数 0
回答已采纳
在尝试编写自己的自定义表单控件时，我想出了不同的方法来实现它:使用访问器或仅使用简单绑定(参见)
基本上，访问器自定义控件：
@Component({
selector: 'accessor',
template: `
<input #input
(input)="onChange($event.target.value)"
(blur)="onTouched()"
/>
`,
providers: [{
provide: NG_VALUE_ACCES
浏览 12提问于2018-08-01得票数 0
我正在尝试利用ControlValueAccessor的角度材料数据报警器。由于某些原因，它不适用于formControlName和一个反应性表单。有人能解决这个问题吗？包装器是为特定的样式和属性构建的。这些值被发送到响应形式等。
打字本：
import { Component, OnInit, Input, Output, EventEmitter, forwardRef } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
@Component({
se
浏览 2提问于2019-11-29得票数 4
回答已采纳
2回答
我使用嵌套的反应形式作为FormControl。
这是演示
问题:即使嵌套无效，主窗体也是有效的(请尝试清除必填字段)。
如何通知主窗体有关嵌套窗体有效性的更改？
主要的表单组件：
import { Component, Input } from '@angular/core';
import { FormBuilder, FormGroup, ControlContainer, NgForm, Validators } from '@angular/forms';
@Component({
selector: 'my-app',
te
浏览 6提问于2018-12-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
