Angular响应式表单 - 当用户将界面更改恢复为原始值时,pristine是否被重置?
创始人
2024-10-30 05:30:09
0

在Angular中,当用户将界面更改恢复为原始值时,pristine不会被重置。pristine属性表示表单是否被修改过。

如果你想要在用户将界面更改恢复为原始值时重置pristine属性,可以使用reset()方法来重置整个表单。下面是一个示例代码:

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

@Component({
  selector: 'app-my-form',
  template: `
    
`, }) export class MyFormComponent { myForm: FormGroup; constructor(private formBuilder: FormBuilder) { this.myForm = this.formBuilder.group({ name: ['John'], // 默认值为'John' }); } resetForm() { this.myForm.reset(); // 重置整个表单 } }

在上面的代码中,我们创建了一个响应式表单并设置了一个默认值为'John'的输入框。当用户修改输入框的值时,pristine属性会变为false。当点击"Reset"按钮时,调用resetForm()方法来重置整个表单,包括将输入框的值恢复为默认值'John',并将pristine属性重置为true。

这样,当用户将界面更改恢复为原始值时,pristine属性也会被重置。

相关内容

热门资讯

透视新版(wepoke有辅助挂... 透视新版(wepoke有辅助挂)德州透视辅助(详细辅助科技教程)先前真的有挂wepoke有辅助挂辅助...
wepoke有挂!德扑之星真的... 1、wepoke有挂!德扑之星真的太假了,(德州之星)真是是有挂(详细透视wpk教程)2、进入游戏-...
透视辅助(WepOke)透视辅... 透视辅助(WepOke)透视辅助插件(wepoke辅助机器人)果然真的是有挂(详细透视解密教程)是由...
aapoker辅助工具!微扑克... 1、aapoker辅助工具!微扑克有没有稳赢的打法,(aApoker)从前存在有挂(详细辅助解密教程...
透视辅助(微扑克德州专用辅助器... 透视辅助(微扑克德州专用辅助器)德扑ai助手软件(详细辅助我来教教你)总是有挂是一款可以让一直输的玩...
透视软件(wEpoKe)外挂透... 1、透视软件(wEpoKe)外挂透明挂辅助软件(wepoke有挂)原本有挂(详细透视我来教教你)2、...
透视辅助(wepoke有挂)鱼... 透视辅助(wepoke有挂)鱼扑克fishpoker俱乐部辅助(详细辅助wpk教程)固有真的是有挂1...
wepoke的确有挂!哈糖大菠... 1、wepoke的确有挂!哈糖大菠萝十三张胜率,(wePOke)本来是有挂(详细透视wepoke教程...
透视新版(wePoKe)透视辅... 透视新版(wePoKe)透视辅助工具(wepoke黑科技)好像有挂(详细透视德州教程);1.wepo...
透视ai代打(wepoke a... 透视ai代打(wepoke ai辅助)fishpoker下载(详细辅助靠谱教程)切实有挂;致您一封信...