Angular响应式表单在(change)事件回调中保留旧值。
创始人
2024-10-30 08:00:24
0

在Angular响应式表单中,可以通过使用patchValue方法来在(change)事件回调中保留旧值。以下是一个示例代码:

在组件类中定义一个表单控件,并初始化其值:

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-example',
  template: `
    
`, }) export class ExampleComponent implements OnInit { myForm: FormGroup; constructor(private formBuilder: FormBuilder) { } ngOnInit() { this.myForm = this.formBuilder.group({ myControl: ['Initial Value'] }); } preserveOldValue(event: any) { const oldValue = this.myForm.get('myControl').value; this.myForm.patchValue({ myControl: oldValue }); } }

在上述代码中,我们通过patchValue方法将表单控件的值重新设置为旧值,保留了旧值。在每次(change)事件触发时,都会调用preserveOldValue方法。

请注意,preserveOldValue方法中的event参数可以根据需要进行使用,例如获取最新的值或其他相关信息。

相关内容

热门资讯

第四分钟解密!微信小程序多乐辅... 第四分钟解密!微信小程序多乐辅助下载,广西友乐辅助app(竟然存在有挂)-哔哩哔哩1、微信小程序多乐...
第四分钟外挂!新星游辅助软件,... 第四分钟外挂!新星游辅助软件,茶馆游戏辅助(都是真的有挂)-哔哩哔哩在进入新星游辅助软件辅助挂后,参...
第十分钟曝光!美猴王大厅怎么修... 第十分钟曝光!美猴王大厅怎么修改数据,决胜辅助(本来有挂)-哔哩哔哩1、美猴王大厅怎么修改数据透视辅...
六分钟必备!超级三加一正版,九... 六分钟必备!超级三加一正版,九九山城辅助免费(真是存在有挂)-哔哩哔哩1、金币登录送、破产送、升级送...
第八分钟总结!牵手游戏辅助,阿... 第八分钟总结!牵手游戏辅助,阿拉游戏中心辅助(切实是真的挂)-哔哩哔哩1、很好的工具软件,可以解锁游...
第4分钟详情!同城游辅助工具,... 第4分钟详情!同城游辅助工具,呱呱丰城双剑辅助(切实是有挂)-哔哩哔哩1、下载好呱呱丰城双剑辅助辅助...
6分钟解迷!道游互娱辅助免费版... 6分钟解迷!道游互娱辅助免费版,吉祥填大坑技巧(好像有挂)-哔哩哔哩1、完成道游互娱辅助免费版的残局...
8分钟分享!衢州都莱辅助器下载... 8分钟分享!衢州都莱辅助器下载地址,九九山城万州版脚本(一贯存在有挂)-哔哩哔哩衢州都莱辅助器下载地...
1分钟揭露!新悠悠挂,广西老友... 1分钟揭露!新悠悠挂,广西老友玩有破解吗(本来真的是有挂)-哔哩哔哩广西老友玩有破解吗是一种具有地方...
五分钟科普!乐胡摆叫有没有黑科... 五分钟科普!乐胡摆叫有没有黑科技,微友约局辅助(一直存在有挂)-哔哩哔哩亲,关键说明,乐胡摆叫有没有...