如何通过实际更改模型将form设置为$dirty？
要将表单设置为$dirty，可以通过以下步骤实现：
- 在前端开发中，使用Angular框架可以轻松实现表单的双向绑定和验证。Angular提供了Form模块来处理表单相关的操作。
- 首先，在HTML表单元素中添加ngModel指令，将表单字段与数据模型进行绑定。例如，可以使用ngModel将一个输入框与一个名为"username"的变量进行绑定：
- 首先，在HTML表单元素中添加ngModel指令，将表单字段与数据模型进行绑定。例如，可以使用ngModel将一个输入框与一个名为"username"的变量进行绑定：
- 在组件类中，定义一个名为"username"的变量，并初始化为空字符串。这个变量将用于存储输入框中的值。
- 在组件类中，定义一个名为"username"的变量，并初始化为空字符串。这个变量将用于存储输入框中的值。
- 在表单中的任何一个输入框中进行修改后，Angular会自动更新"username"变量的值。此时，表单的状态仍然是$pristine（未修改）。
- 为了将表单设置为$dirty（已修改），可以在组件类中添加一个方法，用于在表单修改时触发。例如，可以在输入框的change事件中调用该方法：
- 为了将表单设置为$dirty（已修改），可以在组件类中添加一个方法，用于在表单修改时触发。例如，可以在输入框的change事件中调用该方法：
- 为了将表单设置为$dirty（已修改），可以在组件类中添加一个方法，用于在表单修改时触发。例如，可以在输入框的change事件中调用该方法：
- 在markFormAsDirty()方法中，可以执行一些逻辑来设置表单为$dirty状态。例如，可以将一个名为"isDirty"的变量设置为true：
- 在markFormAsDirty()方法中，可以执行一些逻辑来设置表单为$dirty状态。例如，可以将一个名为"isDirty"的变量设置为true：
- 这样，一旦输入框中的值发生变化，"isDirty"变量将被设置为true，表示表单已被修改。
- 可以根据需要在组件中使用"isDirty"变量来控制表单的行为。例如，可以禁用提交按钮，直到表单被修改：
- 可以根据需要在组件中使用"isDirty"变量来控制表单的行为。例如，可以禁用提交按钮，直到表单被修改：
- 这样，只有当表单被修改时，提交按钮才可用。
总结： 通过在输入框的change事件中调用markFormAsDirty()方法，可以将表单设置为$dirty状态。在方法中，可以根据需要执行其他逻辑来处理表单的修改状态。这样，就可以实现通过实际更改模型将表单设置为$dirty的功能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（Tencent Blockchain）：https://cloud.tencent.com/product/tbc
- 腾讯云元宇宙（Tencent Metaverse）：https://cloud.tencent.com/product/tencent-metaverse
相关·内容
如果您查看 plunk，您会发现如果我使用某个函数更改模型，表单不会收到通知，它也不会变脏，我如何才能实现此行为？; <input type="text" ng-model="name" />
<button type="button" ng-clic
浏览 3提问于2017-02-18得票数 2
回答已采纳
我知道$pristine、$dirty等属性。然而，$dirty只是表示表单元素是否与之交互过。
如何检查表单元素是否已被实际更改？我需要类似于元素上的$changed属性，该属性指示该input的值(或者在form中，任何子input)是否已经更新。如果将值设置为原始值，我希望将$changed设置为false。如果没有，我该如何构建这样的功能？
浏览 5提问于2015-12-22得票数 1
回答已采纳
有人知道为什么它不更新(以及如何使它更新)吗？HTML： <text-field ng-model="myValue"></text-field>JavaScript：
angular.module
浏览 0提问于2015-04-05得票数 0
回答已采纳
2回答
}); } });$pristine : false当我watch form model并在控制台上打印它们时，我了解到表单模型具有由datepicker设置的属性，其外观如下：在相同的上，如果我以形式评论日期部分，以下是它的属性：$dirty : false
这就是form model现在的样
浏览 1提问于2016-10-14得票数 1
回答已采纳
我有一个表单和一个像这样的底层模型myTextModel: string; this.myTextModel = "updatedmodel value";}<form #testForm="ngForm>
<button (click)="up
浏览 140提问于2017-12-01得票数 13
回答已采纳
有人能解释一下这段代码是如何工作的吗。HTML标记<input type="password" ng-model="confirm_password" class="form-control"
浏览 2提问于2015-01-20得票数 0
在更新中，它不允许我只更改图像。单击update按钮后，除非更改其他字段之一，否则它不会转到控制器。
因此，如果有一种方法可以强制update按钮转到控制器，这将是有帮助的。
浏览 0提问于2013-10-01得票数 5
回答已采纳
<form [formGroup]="form" (ngSubmit)="edit()"> <div classclass="edit-branch-button"> Edit </button> </div>
浏览 5提问于2020-03-12得票数 0
回答已采纳
我们正在使用JQuery dirtyform插件来向用户显示警告，如果他们更改了表单数据，并试图离开页面，它工作得很好。$(document).ready(function() { $("a").dirty_stopper
浏览 0提问于2011-04-29得票数 3
1回答
在我的申请表中使用$dirty时，我面临一个问题。
问题是，一旦您更改了表单字段，$dirty的值将被设置为true，但是现在当您撤消更改时，它不会将$dirty值重置为false。我们可以手动将$dirty值重置为false，但之后当您再次更改表单字段值时，$dirty不会将其值更改为true。根据我的观察，它通过放置ng-脏
浏览 1提问于2014-04-10得票数 37
回答已采纳
我已经创建了一个动态生成表单的脚本，但是加载嵌套模型的数据有问题。我试过加载整个记录，并尝试加载每个子存储，但两者都不起作用。我已经了解了如何使用form.load()，但根据我的理解，它需要一个代理连接，并且还需要将json数据存储在一个' data‘数组中。 store.each(function(record) {
record.dirt
浏览 2提问于2012-10-04得票数 4
回答已采纳
将更改复制到剪贴板将允许您查看其他用户输入的值，如果您决定进行更改，则将更改粘贴回其中。
我尝试设置一个私有变量m_SaveOK，以防止通过使用Form_BeforeUpdate()事件和下面的代码保存w/o按钮单击事件，但是这也会触发写冲突。单击“Save”按钮时，将记录保存到数据库中，并请求表单刷
浏览 1提问于2016-08-24得票数 2
我所做的是还有这个}
现在如果你输入"blah blah"，它将是$valid == false，但它不会有红色边框，因为输入"blah blah“不会更新模型，因此也不会将我显然不希望输入立即显示<em
浏览 0提问于2013-06-25得票数 1
回答已采纳
1回答
<form> <input data-bind="textInput: userName" /> <button data-bind="click: Onclick">Save</button> userName: ko.observable("
浏览 2提问于2015-03-04得票数 2
回答已采纳
4回答
角2:如果形状有变化，禁用按钮
、、、、
我想检查我的表单中是否至少有一个字段被更改。如果此场景为真，则disableButton将被设置为 true ，如果表单中没有更改，则设置为false。下面是我的当前代码：// the form for comparisonof the changes in for
浏览 3提问于2017-07-25得票数 3
回答已采纳
在表单提交时，如果字段无效，则将字段设置为“脏”。但问题是，即使在将字段设置为脏之后，它也不会更改字段上的CSS属性。ng-pristine类仍然保留在那些在将字段设置为脏后不将类更改为ng-dirty的情况下。$dirty = true;
$scope.registrationF
浏览 1提问于2014-12-08得票数 1
回答已采纳
期望的行为：到目前为止，我正在将布尔值dirty设置为EA_OnNotifyContextItemModified事件中的true，它似乎适用于一些简单的测试。它只是在EA GUI中选择的
浏览 6提问于2021-12-07得票数 0
回答已采纳
当我更改/编辑文本区域时，如何将指令设置为脏？pagedown-admin" content="ahs.modal.data.text"></pagedown>
现在，只有textarea被设置为$dirty，而不是整个分页指令。
浏览 1提问于2015-07-17得票数 8
回答已采纳
1回答
我从过去的4天开始学习角JS，现在我想像有效的电子邮件一样进行组件验证，只有integer.These类型的验证是由jquery.My问题支持的，那就是角js也提供了这种验证，或者我必须使用任何API来实现该验证，或者使用HTML5支持的任何验证API。
浏览 2提问于2014-09-05得票数 0
1回答
我的复选框运行一个函数，通过操作几个任务以编程方式操作模型，这似乎不允许表单变得脏。$scope.$dirty = true;
浏览 3提问于2016-03-23得票数 11
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
