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

前端之家收集整理的这篇文章主要介绍了形式 – Angular2 – 如何将`touch`属性设置为true前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的组件中有一个反应形式,我想在每个输入上设置触摸属性等于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.

猜你在找的Angularjs相关文章