_throwIfControlMissing(name: string): void { if (!Object.keys(this.controls).length) { throw new Error(` There are no form controls registered with this group yet. If you're using ngModel, you may want to check next tick (e.g. use setTimeout). `); } if (!this.controls[name]) { throw new Error(`Cannot find form control with name: ${name}.`); } }
四、reset
正常情况下，表单需要提供一个重置按钮时调用此方法。
reset(formState: any = null, options: {onlySelf?: boolean, emitEvent?: boolean} = {}): void { this._applyFormState(formState); this.markAsPristine(options); this.markAsUntouched(options); this.setValue(this._value, options); }
除了恢复校验状态以外。最后一句代码是调用 setValue，这等同上一节说的。因此，当我们调用此方法时，允许我们直接传递一个数据对象做为重置后的默认值，比如：
<button (click)="form.reset({ nickname: 'xx' })">Reset</button>
重置表单后并设置 nickname 默认值为：xx。
结论
每一种不同更新值方式都会有不一样的结果，当我们回头过看开头中留下来的：
// Updating value
如果是你，你会怎么写呢？
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
您可能感兴趣的文章: