s202226701024/src/app/test4/test4.component.html

<ion-header>
  <ion-toolbar>
    <ion-title>评价反馈</ion-title>
    <ion-button slot="end" (click)="gototab5()" >返回</ion-button>
  </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
  <form (ngSubmit)="submitFeedback()" #feedbackForm="ngForm">
    <ion-card>
      <ion-card-header>
        <ion-card-title>请留下您的反馈</ion-card-title>
      </ion-card-header>
      <ion-card-content>
        <ion-item>
          <ion-label position="floating">您的评价</ion-label>
          <ion-input [(ngModel)]="feedback" name="feedback" required></ion-input>
        </ion-item>

        <ion-button expand="full" type="submit" [disabled]="!feedbackForm.form.valid">提交反馈</ion-button>
      </ion-card-content>
    </ion-card>
  </form>

  <ion-card *ngIf="submittedFeedback">
    <ion-card-header>
      <ion-card-title>您的反馈</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      <p>{{ submittedFeedback }}</p>
    </ion-card-content>
  </ion-card>
</ion-content>