angular-Forms patchValue and setValue

参考：
1.修改之路
https://segmentfault.com/a/1190000009090037

setValue与patchValue的区别：
setValue: 使用的时候需要每个from control都要设置值。
否则,ERROR Error: Must supply a value for form control with name: 'xxxxx'
patchValue: 类似打补丁,不需要每个from control都要设置值。

可以使用一条一条的setValue方法：

// 只给某一个属性setValuethis.validateForm.get('note')!.setValue(value === 'male' ? 'Hi, man!' : 'Hi, lady!');

// 根据不同情况执行不同的校验规则requiredChange(required: boolean): void {if (!required) {this.validateForm.get('nickname')!.clearValidators(); // 清除校验器this.validateForm.get('nickname')!.markAsPristine();} else {this.validateForm.get('nickname')!.setValidators(Validators.required); // 增加校验器this.validateForm.get('nickname')!.markAsDirty(); // 校验}this.validateForm.get('nickname')!.updateValueAndValidity(); // 最后都要更新一下数据}

angular-Forms patchValue and setValue相关推荐

Angular 响应式表单 patchValue和setValue
在 Angular 4 中有多种方式可以更新表单的值,对于使用响应式表单的场景,我们可以通过框架内部提供的 API ,(如 patchValue 和 setValue )方便地更新表单的值.这篇文章我 ...
Angular Forms - 自定义 ngModel 绑定值的方式
在 Angular 应用中,我们有两种方式来实现表单绑定--"模板驱动表单"与"响应式表单".这两种方式通常能够很好的处理大部分的情况,但是对于一些特殊的表单控 ...
Angular中响应式表单 FormBuilder、FormControl 、FormGroup、FormArray、setControl、setValue用法总结
以我的项目作为示例,总结一下Angular响应式表单的应用和常用的方法: 1.创建表单 form.ts代码 import { Component, OnInit } from "@angul ...
Angular Reactive Forms -- Model-Driven Forms响应式表单
Angular 4.x 中有两种表单: Template-Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) 官方文档:https://v2.angul ...
angular4更改表单中显示的值_Angular 4 动态表单教程 Reactive Forms教程
动态表单(React Forms)是一种动态构建表单的技术,用于解决有时候手动编写和维护表单所需工作量和时间会过大的问题.特别是在需要编写大量表单时.表单都很相似,而且随着业务和监管需求的迅速变化,表 ...
angular 表单
angular 表单一.angular表单简介 Angular 提供了两种不同的方法来通过表单处理用户输入:响应式表单和模板驱动表单. 两者都从视图中捕获用户输入事件.验证用户输入.创建表单模型.修 ...
Angular表单中的FormControl、FormGroup、FormBuilder、FormArray
Angular表单中的FormControl.FormGroup.FormBuilder.FormArray 要使用响应式表单,首先需要在@angular/forms包中导入ReactiveForms ...
Angular技术分享
Angular技术分享 1.Angular.js VS Angular 1.1 Angular.js 1.2 Angular 2.Angular Introduction 2.1 Install &a ...
Angular响应式表单及表单验证
1. 什么是响应式表单? 响应式表单提供了一种模型驱动的方式来处理表单输入,其中的值会随时间而变化. 响应式表单使用显示的,不可变的方式,管理表单在特定时间点上的状态.对表单状态的每一次变更都会返回一 ...
[转]Angular 单元测试讲解
Angular_单元测试测试分类按开发阶段划分按是否运行划分按是否查看源代码划分其他 ATDD,TDD,BDD,DDD ATDD TDD BDD DDD Angular单元测试 Karma的 ...

angular-Forms patchValue and setValue

angular-Forms patchValue and setValue相关推荐

最新文章

热门文章