Angular 4表单输入正在被重置

Angular 4是一个流行的前端开发框架，它提供了丰富的功能和工具来简化和加速Web应用程序的开发过程。在Angular 4中，表单输入的重置是一个常见的需求，可以通过以下方式实现：

使用Angular的表单模块：Angular提供了FormsModule和ReactiveFormsModule两个模块来处理表单。在使用表单时，可以通过调用reset()方法来重置表单输入。reset()方法将会清除所有输入字段的值，并将它们重置为初始状态。
在模板中使用ngForm指令：ngForm指令是Angular的一个内置指令，用于处理表单。在模板中，可以将ngForm指令应用于表单元素，并使用reset()方法来重置表单输入。例如：

<form #myForm="ngForm">
  <input type="text" name="name" [(ngModel)]="name" required>
  <input type="email" name="email" [(ngModel)]="email" required>
  <button type="button" (click)="resetForm(myForm)">重置</button>
</form>

在组件类中，定义resetForm()方法来处理重置操作：

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent {
  name: string;
  email: string;

  resetForm(form: NgForm) {
    form.reset();
  }
}

使用FormControl和FormGroup：如果使用ReactiveFormsModule来处理表单，可以使用FormControl和FormGroup来管理表单输入。通过调用reset()方法，可以重置FormControl和FormGroup的值。例如：

import { Component } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl(),
      email: new FormControl()
    });
  }

  resetForm() {
    this.myForm.reset();
  }
}

在模板中，可以通过调用resetForm()方法来重置表单输入。

总结：

Angular 4提供了多种方式来重置表单输入，包括使用FormsModule和ReactiveFormsModule模块、ngForm指令以及FormControl和FormGroup。通过调用reset()方法，可以清除表单输入字段的值，并将它们重置为初始状态。

推荐的腾讯云相关产品：腾讯云提供了丰富的云计算产品和服务，适用于各种应用场景。对于前端开发和云原生应用，推荐使用腾讯云的云开发（CloudBase）服务。云开发提供了一站式的云端开发平台，包括云函数、云数据库、云存储等功能，可以帮助开发者快速构建和部署Web应用。了解更多关于腾讯云开发的信息，请访问：腾讯云开发产品介绍

请注意，本答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，如有需要，可以进一步了解这些品牌商的相关产品和服务。