形式 – Angular2 – 如何将`touch`属性设置为true

发布时间：2020-12-17 07:22:11 所属栏目：安全来源：网络整理

导读：我的组件中有一个反应形式,我想在每个输入上设置触摸属性等于true.我当前的代码是这样,但它抛出了我的错误无法设置# AbstractControl触及的属性它只有一个吸气剂： addressForm: FormGroup;...this.addressForm = this._fb.group({ street: ["",[anyValidato

我的组件中有一个反应形式,我想在每个输入上设置触摸属性等于true.我当前的代码是这样,但它抛出了我的错误无法设置#< AbstractControl>触及的属性它只有一个吸气剂：

addressForm: FormGroup;

...

this.addressForm = this._fb.group({
    street: ["",[<any>Validators.required]],city: ["",state: ["",zipCode: ["",country: ["",[<any>Validators.required]]
});

...

for (var key in this.addressForm.controls) {
    this.addressForm.controls[key].touched = true;
}

如何将每个输入的触摸值设置为true？

有一个非常简单的方法：markAsTouched.它应该足以在表单组中使用它.

this.addressForm.markAsTouched()

如果您由于某种原因需要手动标记所有控件,它们本身就可以使用此方法.

markAsTouched是AbstractControl的一个方法,所有表单元素都继承自.出于好奇,您可能需要访问@ angular / forms / src / model.d.ts声明文件以查找表单对象的一些更有趣的方法.或者只是访问documentation.

（编辑：李大同）

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