<ion-header>
  <div class="header-container">
    <ion-icon name="arrow-back-outline" size="large" class="back-icon" (click)="goBack()"></ion-icon>
    <p class="header-title">个性化生成</p>
  </div>
</ion-header>

<ion-content>
  <ion-card *ngFor="let card of cards">
    <ion-card-header>
      <ion-card-title>{{ card.id }}</ion-card-title>
    </ion-card-header>
    <ion-chip *ngFor="let chip of card.chips" [class.isElected]="chip.isElected" (click)="toggleChip(card.id, chip.id)">
      {{ chip.label }}
    </ion-chip>
  </ion-card>
  <ion-textarea label="补充" [autoGrow]="true" [(ngModel)]="suppleInput"></ion-textarea>

  <ion-button (click)="sendMsgAndGoGenerateResult()">
    生成
  </ion-button>
</ion-content>