How can I clear/reset the form after submitting on ionic?


For example, I created an input field using following code:

     <form [formGroup]="orderForm" (ngSubmit)="submit();">
            <ion-label >Item Name:</ion-label>
            <ion-input type="text" formControlName="itemname" clearInput></ion-input>
        <button ion-button type="submit" [disabled]="!orderForm.valid">Submit</button>

And the “ts” file like this to handle the validation and show the submitted result on the console:
public orderForm:any;

  constructor(private formBuilder: FormBuilder){
    this.orderForm ={
      //"address": ["",Validators.required]

  submit() {

But how can I clear the value on the input filed after clicked the submit button? Please help and thanks!!!





Thank you, my friend!


And me also I meet with this problem about on how to clear input field when you submit data


Hi bengtler,
Is it possible to reset just one control of the form ?
thanks in advance.


have an way to made my buttons pristine again?

so my ng-disable reset together.


guess if you do


will only reset your form1, is that your question or I missundertood?


Sorry for the late answer…

Well, no. This would reset the formgroup ! But I what I want to know is how to reset just a chosen control in the form !
Tried this.form1.control1.reset but this doesn’t work…


worked perfectly, thanks a lot!


Hi @pciseran,

Try this one.


this will only clear the field that you want.


thank you @bengtler :neutral_face:


That’s work

Thanks for lot