chat.page.html 536 B

123456789101112131415161718192021222324
  1. <ion-header>
  2. <ion-toolbar>
  3. <ion-title>
  4. AIGC 消息发送
  5. </ion-title>
  6. </ion-toolbar>
  7. </ion-header>
  8. <ion-content>
  9. <ion-item>
  10. <ion-input placeholder="输入消息" [(ngModel)]="userInput"></ion-input>
  11. </ion-item>
  12. <ion-button expand="block" (click)="sendMessage()">发送</ion-button>
  13. <ion-card *ngFor="let message of messageList">
  14. <ion-card-header>
  15. {{message?.role}}
  16. </ion-card-header>
  17. <ion-card-content>
  18. {{ message?.content }}
  19. </ion-card-content>
  20. </ion-card>
  21. </ion-content>