Как очистить все мои поля ввода в 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

попробуйте, если вы нажмете кнопку сброса, все поля формы будут сброшены.тип ввода = «сброс» значение = «сброс»

Answer 2

Если вы не используете реактивную форму, вы должны сделать это таким же образом, либо если вы используете форму, то вы можете использовать метод формы, чтобы очистить как

this.form.reset()

Подробнее о формах читайте здесь

• https://angular.io/guide/forms