从ControlValueAccessor更改FormControl值
ControlValueAccessor是Angular框架中的一个接口，用于创建自定义表单控件的双向绑定功能。
ControlValueAccessor接口定义了四个方法：
- writeValue：用于从模型中向表单控件写入初始值。
- registerOnChange：用于注册一个回调函数，在表单控件的值发生变化时被调用。
- registerOnTouched：用于注册一个回调函数，在表单控件失去焦点时被调用。
- setDisabledState：用于设置表单控件的禁用状态。
通过实现ControlValueAccessor接口，我们可以自定义表单控件，并将其与表单模型进行绑定，实现双向数据绑定的效果。
ControlValueAccessor在以下场景中非常有用：
- 创建自定义表单控件：当需要使用自定义的表单控件，例如日期选择器、颜色选择器等，可以通过实现ControlValueAccessor来实现与表单模型的绑定。
- 控制表单控件的值：有时我们可能需要在特定情况下修改表单控件的值，例如根据其他表单控件的选择动态改变某个表单控件的选项，这时可以利用ControlValueAccessor来实现对表单控件值的修改。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（ECS）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/explorer
- 腾讯云移动开发平台（Serverless Framework）：https://cloud.tencent.com/product/sls
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Real-Time Scan）：https://cloud.tencent.com/product/trts
相关·内容
该指令以可视方式更改了值(通过使用_Renderer2)，但是formControl仍然具有原始值，并且当使用formGroup.value从表单获取数据时，这些值是小写的。有没有可能解决这个问题？</form>
import { ControlValueAcces
浏览 15提问于2020-10-11得票数 1
为什么当我使用ControlValueAccessor时，该值不使用反应性表单进行更新和反映？在我的申请中，我有一份表格： name: new FormControl(1),使用name将profileForm中的formControlName传递给my-comp (ControlValueAccessor)组件。现在，当我单击“应用程序组件中的changeValueFromMyApp”按钮，使用patchValue将名称更改</e
浏览 1提问于2020-01-09得票数 3
请考虑以下反应性表单设置：
让我们有实现ControlValueAccessor接口的自定义ControlValueAccessor。将其添加到用ngIf指令包装的应用程序模板中，这样我们就可以在SimpleInputComponent表达式更改时重新调用ngIf的生命周期。由于SimpleInputComponent是用formControlName指令绑定到FormControl实例的，所以可以通过调用FormControl.setValue方法来更改它的值。tes
浏览 0提问于2018-10-28得票数 2
2回答
使用角7和引导带4工作，我想包装我的引导4输入在一个自定义组件，以减少样板在我的模板。<form [formGroup]="myForm" (submit)="submit(myForm.value)">
<app-f
浏览 0提问于2018-12-09得票数 5
回答已采纳
我想要创建一个带有ControlValueAccessor接口的自定义表单元素，该元素位于角2+中。此元素将是<select>上的包装器。是否可以将formControl属性传播到包装元素？/options.component.html' export class OptionsComponent implements ControlValueAccessor, OnInit
浏览 9提问于2017-05-26得票数 30
回答已采纳
为了将子组件嵌套在父组件中，我实现了Controlvalueaccessor。我已经创建了一个实现Controlvalueaccessor的abstractvalueaccessor类，然后其他组件(trip和contact)都在扩展它。("", [Validators.required]), });
export("", [Validators.req
浏览 8提问于2019-05-22得票数 0
) => FieldRadioButtonComponent), multi: true}}) ...我可以通过这些输入来分配和更改值：<pc-radi
浏览 0提问于2017-08-18得票数 30
回答已采纳
constructor() { }ComponentA11：import { ControlValueAccessor() => CustomInputComponent), }],export class CustomInputComponent implements ControlValueAccessor
浏览 0提问于2019-06-19得票数 2
1回答
停止角材自动更新输入
、、、
我想使用ControlValueAccessor接口将输入抽象到组件中。该构成部分有三个主要部分：在这个例子中，我使用了一个FormControl<Country>而不是一个Fo
浏览 7提问于2022-09-27得票数 1
1回答
我有一个FormArray，里面有不同的FormControl项目。我希望能够听到他们中的任何一个的变化事件。this.fb.array([this.fb.control('')])});
但是我似乎从未接触到conso
浏览 0提问于2018-09-10得票数 6
我举了一个例子来说明这个问题：this.frm = new FormGroup({});public validateFile(formControl: FormControl): {[key: string]:alert('Validation ran');
console.log(&#x
浏览 16提问于2017-01-27得票数 20
回答已采纳
1回答
My requirement：单个FormControl必须包含多个输入的答案(多个子FormControl或FormGroups)。这是因为多个控件必须输入顶级(父级) FormControl，父级FormControl的值必须经过筛选/操作才能符合所需的格式。当这些输入值发生变化时，父级FormControl值也必须更改。
除了冒泡向上的值之外，子控件的错误也必须冒泡到父FormControl<
浏览 0提问于2019-01-03得票数 1
1回答
{ Component, OnInit, forwardRef} from '@angular/core';import { Address } from 'appAddressComponent),
m
浏览 0提问于2019-10-02得票数 2
我正在做一个指令，使用角8进行一些处理，并将文本转换为大写。简化代码如下：<input class="form-control" id="label" name="label" required myDirective>import { Directive, HostListener } from '@angular/core'; selector: '
浏览 6提问于2020-08-31得票数 8
回答已采纳
2回答
import { Component, Input, forwardRef } from '@angular/core'; multi: true, })
export class InputBoxComponent implements ControlValueAccessor
浏览 0提问于2018-03-30得票数 6
回答已采纳
console.log(this.ngControl.value)}
问题是，在某些情况下，console.log(newVal)；console.log(this.ngControl.value)具有不同的值。
浏览 1提问于2020-09-01得票数 0
回答已采纳
我正在尝试为angular应用程序datepicker分配一个自定义日期，但没有日期值显示。form-control form-cntrl" formControlName="myStartDt"> </div> myStartDt: formatDate('01/01/2021', 'MM/dd
浏览 8提问于2021-08-26得票数 0
)，我观察到使用ControlValueAccessor类型，对应元素的DOM值正在更新，而FormControl值没有被更新。我的问题是，外部库对DOM元素所做的更改如何反映到视图中的角6窗体控件的元素值中。如何复制：我们可以看到DOM字段值也在远程更新，但是在按下"Submit“按钮之后，我们可以看到FormControl值
浏览 1提问于2018-09-02得票数 0
回答已采纳
我想使用ControlValueAccessor来使用FormGroup和FormControlName以及ngModel。下面是示例应用程序：
如果在输入字段中更改值，则不反映组件的值，而是在FormGroup值中反映。如果使用my-input组件(“更改值随机更改”按钮)更改值，则会更改
浏览 0提问于2018-03-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
