Angular模板驱动表单控件-即使我编辑了表单数据,“Dirty”属性仍然不会改变为true。
创始人
2024-10-28 13:31:55
0

在Angular模板驱动表单中,当我们编辑表单数据时,"Dirty"属性不会自动变为true,因为Angular中的模板驱动表单是基于视图的变化来更新表单控件的状态。要解决这个问题,我们可以使用一些技巧来手动更新"Dirty"属性。

以下是一个解决方法的代码示例:

在组件类中,我们可以使用ViewChild来获取表单控件的参考,并在编辑表单数据时手动更新"Dirty"属性。

import { Component, ViewChild } from '@angular/core';
import { NgForm } from '@angular/forms';

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent {
  @ViewChild('myForm') myForm: NgForm;

  onSubmit() {
    // 手动更新"Dirty"属性
    this.myForm.control.markAsDirty();
    
    // 其他逻辑...
  }
}

在模板中,我们需要给表单加上一个参考名(这里是"myForm"),以便在组件类中使用ViewChild获取表单控件的参考。

通过调用this.myForm.control.markAsDirty()方法,我们可以手动更新"Dirty"属性为true。

这样,当我们编辑表单数据时,"Dirty"属性将会正确地更新为true。

相关内容

热门资讯

盘点辅助!手机透视辅助器app... 盘点辅助!手机透视辅助器app,开心泉州小程序辅助,玩家必用开挂(有挂总结);无需打开直接搜索加薇1...
正版辅助!葫芦娃七子连心攻略,... >>您好:葫芦娃七子连心攻略确实是有挂的,很多玩家在这款葫芦娃七子连心攻略游戏中打牌都会发现很多用户...
科技辅助!随意玩透视科技游戏,... 您好:随意玩透视科技游戏这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的...
传授辅助!丰城瓜瓜棋牌辅助,四... 传授辅助!丰城瓜瓜棋牌辅助,四川途游辅助软件下载,一分钟揭秘开挂(有挂教程);无需打开直接搜索微信(...
发现辅助!约局吧可以看到别人底... 发现辅助!约局吧可以看到别人底牌,兴动互娱辅助脚本,透视黑科技开挂(有挂猫腻)约局吧可以看到别人底牌...
实测辅助!微信小程序微乐房间怎... 实测辅助!微信小程序微乐房间怎么辅助,萍乡滚筒四幅攻略,普及知识开挂(果真有挂)您好:微信小程序微乐...
发现辅助!人海大厅挂件怎么买,... 人海大厅挂件怎么买是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户可以加我...
传授辅助!yy比鸡辅助有哪些功... 传授辅助!yy比鸡辅助有哪些功能,九九山城辅助免费,记者揭秘开挂(有挂透明挂);无需打开直接搜索加(...
分享辅助!吉祥填大坑脚本,新九... 分享辅助!吉祥填大坑脚本,新九天辅助,一分钟带你了解开挂(有挂规律)1、下载安装好吉祥填大坑脚本,进...
详细辅助!新518互娱脚本下载... 较多好评“微乐万能挂官网”开挂(透视)辅助教程 了解更多开挂安装加(136704302)微信号是一款...