<ion-header>
  <ion-toolbar>
    <ion-title>兴趣爱好</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <h1>兴趣爱好</h1>
  <ion-input [(ngModel)]="userPrompt"></ion-input>

  <!-- 文本域：生成提示词 -->
  <ion-textarea [value]="userPrompt" (ionInput)="promptInput($event)" placeholder="文本提示词" autoGrow="true"></ion-textarea>
  
  <!-- 按钮：执行消息生成函数 -->
  <ion-button (click)="sendMessage()" expand="block">消息生成</ion-button>
     
  <!-- 展示：返回消息内容 -->
  <div>{{responseMsg}}</div>

  <!-- 显示用户提交的资料 -->
  <div *ngIf="userData">
    <h2>用户资料</h2>
    <p>姓名：{{ userData.name }}</p>
    <p>年龄：{{ userData.age }}</p>
    <p>身高：{{ userData.height }} cm</p>
    <p>体重：{{ userData.weight }} kg</p>
    <p>运动目标：{{ userData.goal }}</p>
  </div>
</ion-content>
