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 anchor标签，我已经提到(click)="refrence.value=''"，在输入字段中，我已声明#refrence清除该数据。它只清除一个输入所以请告诉我如何通过单击干净锚标记清除所有输入字段。

Answer 1

如果你没有使用反应形式，你必须以相同的方式这样做，如果你使用的是表格，那么你可以使用表格方法来清除

this.form.reset()

有关表格的更多信息，请点击此处

https://angular.io/guide/forms

Answer 2

试试这个，如果点击重置按钮，将重置整个表单字段。输入类型=＆＃34;重置＆＃34;值=＆＃34;重置＆＃34;

如何清除Angular2

2 个答案: