表单 – Angular 2:重置表单忽略初始值

表单 – Angular 2:重置表单忽略初始值,第1张

概述我有一个Angular 2应用程序,我为某些输入设置默认值,如下所示: this._stdSearchForm = this._formBuilder.group({ count: [{value: 50, disabled: false}, Validators.compose([Validators.required, Validators.minLength(1), Validato 我有一个Angular 2应用程序,我为某些输入设置默认值,如下所示:
this._stdSearchForm = this._formBuilder.group({    count: [{value: 50,Disabled: false},ValIDators.compose([ValIDators.required,ValIDators.minLength(1),ValIDators.maxLength(3),ValIDators.pattern("^[0-9]+$")])]});@H_301_3@  

我已经添加了这样的“重置”功能:

(click)="resetStdSearchForm()"@H_301_3@  

那只是运行:

this._stdSearchForm.reset();@H_301_3@  

这会重置表单,但会忽略FormBuilder组中定义的初始值.

这种行为是有意的吗?

重置表单后,我可以以编程方式设置“count”的值吗?我试过这样做:

this._stdSearchForm.value.count = 50;@H_301_3@  

但这没有改变.

解决方法 您可以尝试以下方法:
this._stdSearchForm.setValue({ count: 50});@H_301_3@  

或者你也可以这样做:

this._stdSearchForm.reset({ count: 50});@H_301_3@  

重置方法重置FormGroup.这意味着默认情况下:

>该组和所有后代都标记为原始>该组和所有后代都未被标记>所有后代的值将为null或null映射

总结

以上是内存溢出为你收集整理的表单 – Angular 2:重置表单忽略初始值全部内容,希望文章能够帮你解决表单 – Angular 2:重置表单忽略初始值所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1138326.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存