验证 – Angular2：如何在代码中更改NgModel的原始状态？

发布时间：2020-12-17 09:28:01 所属栏目：安全来源：网络整理

导读：当您更改NgModel的字段时,它会自动将model.prisitne更改为true. 当你提交表格时,它不会改变“原始”,毫无疑问,这不是一个错误. 但在我的情况下,当“pristine”为真时我显示错误,当我提交表单时,我需要显示验证错误,我认为当你提交表单时,我们可以说这个表单

当您更改NgModel的字段时,它会自动将model.prisitne更改为true.

当你提交表格时,它不会改变“原始”,毫无疑问,这不是一个错误.

但在我的情况下,当“pristine”为真时我显示错误,当我提交表单时,我需要显示验证错误,我认为当你提交表单时,我们可以说这个表单中的字段触及了,因为你可以提交无效表格.但是在Angular2中它以不同的方式工作.

那么,在代码/组件中是否可以说表单控件/字段被触及(pristine = true)？

let email:AbstractControl = this.frm.form.controls['email'];

设置电子邮件“prisitne”为真.

email.markAsPristine();
email.markAsTouched();
email.reset();

要么

this.frm.reset();

另见https://angular.io/docs/ts/latest/api/forms/index/AbstractControl-class.html

您可以使用此较短的方法来获取控件

let email:AbstractControl = this.frm.get('email']);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!