feedback.page.html

<ion-header>
  <ion-toolbar color="awPrimary">
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title slot="start">
      Feedback
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
        
          <form [formGroup]="angForm" novalidate>
              <ion-grid>
                  <ion-row justify-content-center>
                    <ion-col align-self-center size-md="6" size-lg="5" size-xs="12">
              <div padding>
                  <img src="../../../assets/images/bike2gologo.png">
                </div>
                <div class="ion-text">
                    <h3>Feedback</h3>
                   
                  </div>
                  
                  <ion-item >
                    
                    <ion-textarea class="ion-text-content" formControlName="feedback" placeholder="Enter Feedback"></ion-textarea>
                </ion-item>
              <div
                *ngIf="angForm.controls['feedback'].invalid && (angForm.controls['feedback'].dirty || angForm.controls['feedback'].touched)"
                class="alert-danger"><ion-icon name="alert"></ion-icon>
                <div *ngIf="angForm.controls['feedback'].errors.required">
                  Feedback is required.
                </div>
              </div>
              <div padding>
                <ion-button  size="large" expand="block" (click)="submitFeedback()">Submit Feedback</ion-button>
              </div>
        </ion-col>
      </ion-row>
    </ion-grid>
  </form>
</ion-content>