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

概述我有一个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