202226701009/travel-app/src/app/feedback/feedback.component.html

<ion-header>
  <ion-toolbar>
    <ion-title>问题建议</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

  <form #feedbackForm="ngForm" novalidate>
    <ion-card>
    <ion-list lines="none">
      <ion-item>
        <ion-label stacked>所属分类(必填)</ion-label>
        <ion-select [(ngModel)]="selectedCategory" name="selectedCategory" interface="popover" required>
          <ion-select-option *ngFor="let category of categories" [value]="category">{{ category }}</ion-select-option>
        </ion-select>
      </ion-item>

      <ion-item>
        <ion-textarea placeholder="请详细描述您的问题" [(ngModel)]="feedbackText" name="FeedbackText" maxlength="400" required></ion-textarea>
      </ion-item>


      <div padding-horizontal>
        <span>{{ feedbackText.length }}/400</span>
      </div>

      <ion-item>
        <ion-icon ios="ios-images-outline" md="md-images-outline" item-start></ion-icon>
        <input type="file" (change)="onFileChange($event)" multiple accept="image/*">
      </ion-item>
    </ion-list>
  </ion-card>
 
      <ion-button expand="block" class="custom-button" (click)="submitFeedback()">
        提交反馈
      </ion-button>
  </form>

</ion-content>