如何清除 Angular2 中的所有输入字段

Question

Html

Description
<textarea type="text" #refrence class="form-control" id="description" pattern="^[a-zA-Z0-9/. ]*$" required minlength="30" maxlength="250"  [(ngModel)]="model.description" name="description" #description="ngModel"></textarea>

amount

<input type="text" id="myInput" #refrence #amountInput="ngModel"class="form-control" id="amount"  required minlength="2" maxlength="10" "model.amountInput" name="amount">

customer name

<input type="text" #refrence placeholder="Customer" class="form-control" id="customer"pattern="^[a-zA-Z/. ]*$" required minlength="5" maxlength="25" name="customer" #customer="ngModel">


 <span style="float: right"> 
          <a (click)="refrence.value=''">
                          <i class="fa fa-clean-o" style="font-size:36px"></i>
           </a>
 </span>

我在这里添加了我提到的 html code.in 锚标记 (click)="refrence.value=''" 并且在输入字段中我声明了 #refrence 以清除该数据。它只清除一个输入，所以请告诉我如何通过单击清除锚标记来清除我所有的输入字段。

Answer 1

如果您不使用反应式表单，则必须以相同的方式进行操作，如果您使用的是表单，则可以使用表单方法清除

this.form.reset()

在此处阅读有关表格的更多信息

https://angular.io/guide/forms

Answer 2

试试这个，如果您点击重置按钮，整个表单域将被重置。输入类型="reset" 值="reset"

如何清除 Angular2 中的所有输入字段

How to clear all my input fields in Angular2

angular

angular2-routing

angular2-template

angular2-forms

angular2-services