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?

1 Like

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!

1 Like

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