Angular 4更新后重置表单-保留ngModel值(使用ngForm)
在Angular 4中,可以使用ngForm指令来管理表单,并且可以通过重置表单来清除用户输入的值。但是,如果想要在重置表单后保留ngModel的值,可以按照以下步骤进行操作:
<form #myForm="ngForm">
<!-- 表单控件 -->
</form>
import { Component, ViewChild } from '@angular/core';
import { NgForm } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent {
@ViewChild('myForm') myForm: NgForm;
resetForm() {
this.myForm.resetForm({ value: this.myForm.value });
}
}
关于Angular表单的更多信息,可以参考腾讯云的相关产品和文档:
领取专属 10元无门槛券
手把手带您无忧上云