<ion-card>
  <ion-card-header>
    <ion-card-title>添加标签</ion-card-title>
  </ion-card-header>

  <ion-card-content>
    <div class="input-container">
      <ion-input [(ngModel)]="tagInput" placeholder="输入标签" (keydown.enter)="addTag()"></ion-input>
      <ion-button expand="full" (click)="addTag()">添加标签</ion-button>
    </div>

    <!-- 标签显示区域 -->
    <div class="tag-container">
      <ion-chip *ngFor="let tag of tags" class="tag-chip">
        <ion-label>{{ tag }}</ion-label>
        <!-- 删除按钮 -->
        <ion-icon name="close" (click)="removeTag(tag)" class="close-icon"></ion-icon>
      </ion-chip>
    </div>

    <p>{{tagInput}}</p>
  </ion-card-content>
</ion-card>