博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[Angular] Updating and resetting FormGroups and FormControls
阅读量:5146 次
发布时间:2019-06-13

本文共 983 字,大约阅读时间需要 3 分钟。

If you want to reset or just update field value, you can do:

reset: reset({key: value, k2:v2});

update

  1. patchValue({k: v}); update part of form fields

  2. setValue({k:v, k1: v1...}); update whole form fields.

 

reset:

onAdd() {    this.added.emit(this.parent.get('selector').value);    this.parent.get('selector')      .reset({        quantity: 10,        product_id: ''      })  }

All the 'dirty, touched, valid' props on form will also be reset.

 

Update:

onAdd() {    this.added.emit(this.parent.get('selector').value);    this.parent.get('selector')      .patchValue({        product_id: ''      })  }

For 'patchValue', we only need to update part of props, not all of them. 

 

onAdd() {    this.added.emit(this.parent.get('selector').value);    this.parent.get('selector')      .setValue({        quantity: 10,        product_id: ''      })  }

For 'setValue', you have to update all the fields, otherwise it will throw error.

 

转载于:https://www.cnblogs.com/Answer1215/p/6601772.html

你可能感兴趣的文章
【Linux】ping命令详解
查看>>
Oracle中包的创建
查看>>
关于PHP会话:session和cookie
查看>>
jQuery on(),live(),trigger()
查看>>
treegrid.bootstrap使用说明
查看>>
[Docker]Docker拉取,上传镜像到Harbor仓库
查看>>
导航,头部,CSS基础
查看>>
[USACO 2017 Feb Gold] Tutorial
查看>>
gzip
查看>>
转负二进制(个人模版)
查看>>
LintCode-Backpack
查看>>
查询数据库锁
查看>>
我对于脚本程序的理解——百度轻应用有感
查看>>
面试时被问到的问题
查看>>
注解小结
查看>>
list control控件的一些操作
查看>>
绝望的第四周作业
查看>>
一月流水账
查看>>
npm 常用指令
查看>>
判断字符串在字符串中
查看>>