Angular - FormGroup 踩坑合辑之：setValue，patchValue，reset

有两种更新模型值的方式：

使用 setValue() 方法来为单个控件设置新值。setValue() 方法会严格遵循表单组的结构，并整体性替换控件的值。

使用 patchValue() 方法可以用对象中所定义的任何属性为表单模型进行替换。

const group = new FormGroup({groupName: new FormControl('CCB'),members: new FormControl(20),
});
const control = group.get('groupName');

setValue(value: any, options?: Object): void

//当调用 FormGroup 或 FormArray 实例的 setValue() 方法时，传入的值必须匹配控件组或控件数组的结构
control.setValue('C1C');
group.setValue({ groupName: 'C1C', members: '40' });

patchValue(value: any, options?: Object} = {}): void

// 只需要提供想要替换的值
control.patchValue('C1C');
group.patchValue({ groupName: 'C1C' });

reset(value?: any, options?: Object): void

// 将会重置所有值
group.reset();
// 将会用所提供的 value 重置所有值
group.reset({ groupName: 'C1C' });

Angular - FormGroup 踩坑合辑之：setValue，patchValue，reset相关推荐

【踩坑合辑】7.14
Certifacte verify failed: certificate has expired (_ssl.c:1108) 看字面意思好像是python证书的问题,但其实是在下载某个模型时遇到的, ...
【踩坑合辑】pycharm远程连接服务器
动机使用windows自带的远程桌面连接连接远程服务器,使用起来太卡了,严重降低了我的写代码体验.于是尝试用pycharm远程连接服务器,这样就可以使用服务器上的环境和设备(GPU)了牺牲要在本 ...
加入域时出现以下错误登陆失败该目标账户名称不正确_微信支付踩坑合集：微信小程序支付失败是什么原因?持续更新...
微信小程序开发的过程一定会遇到各种问题,最让人棘手的就是支付问题,因为没有支付做商城类似的小程序就没有办法完成最关键的一步.那么支付失败到底什么原因呢?一下子收集了几个错误类似,希望对你有帮助: No ...
[踩坑合集] 双linux系统卸载/安装，nvidia驱动安装，引导项缺失，开机黑屏，nvidia-smi和nvcc -v CUDA版本不匹配
"个人文化属性" 双系统 1. 双linux系统格式化一个linux系统 2. 安装新的20系统(双系统) 3. 重启后直接进入grub界面(修复它) 3.1 寻找你的系统分区 3 ...
【群晖NAS】真·免费内网穿透方案及踩坑合集
一.介绍一篇科普贴,帮助那些刚入门NAS的朋友尽量避免踩坑.因为本人实践了其中几种穿透方案,也积攒了一些经验,跟大家分享一下. 在这里想说一句,现在网上充斥着各种<内网穿透方案对比>,可 ...
微信支付踩坑合集：微信小程序支付失败是什么原因?
微信小程序开发的过程一定会遇到各种问题,最让人棘手的就是支付问题,因为没有支付做商城类似的小程序就没有办法完成最关键的一步.那么支付失败到底什么原因呢?一下子收集了几个错误类似,希望对你有帮助: No ...
微信支付踩坑合集：微信小程序支付失败是什么原因?持续更新
微信小程序开发的过程一定会遇到各种问题,最让人棘手的就是支付问题,因为没有支付做商城类似的小程序就没有办法完成最关键的一步.那么支付失败到底什么原因呢?一下子收集了几个错误类似,希望对你有帮助: No ...
微信小程序开发踩坑合集
微信搜索:凯小白学编程回复小程序领取1000套小程序源码本文分享一下开发小程序是遇到的一些问题.展示了曾经开发过的两个小程序中遇到的坑下一篇文章预告:<Maven入门> ...
Angular + ng-antd-zorro 踩坑指南
前言此文章主要收集自己在用angular+antd过程中所遇到的坑,以及angular框架所遇到的一些难题. 1.表单中动态绑定数据报错:ngModel cannot be used to regi ...
从一道面试题说起—js隐式转换踩坑合集
前方提醒: 篇幅较长,点个赞或者收藏一下,可以在下一次阅读时方便查找提到js的隐式转换,很多人第一反应都是:坑. 的确,对于不熟悉的人来说,js隐式转换存在着很多的让人无法预测的地方,相信很多人都深 ...

Angular - FormGroup 踩坑合辑之：setValue，patchValue，reset

Angular - FormGroup 踩坑合辑之：setValue，patchValue，reset相关推荐

最新文章

热门文章