<ion-header>
  <ion-toolbar>
    <div class="toolbar-content">
      <div class="button-container">
        <ion-button (click)="goDriftbottle()" fill="clear">
          <ion-icon name="chevron-back" slot="start"></ion-icon>返回
        </ion-button>
      </div>
      <ion-title class="title-text">
        我的漂流瓶
      </ion-title>
    </div>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item>
      <ion-label>
        <h2>我扔出的漂流瓶</h2>
      </ion-label>
    </ion-item>
    <ion-item *ngFor="let bottle of thrownDriftbottles">
      <ion-label>
        <h3>{{ bottle.content }}</h3>
        <p>{{ bottle.createdAt }}</p>
      </ion-label>
    </ion-item>
    <ion-item>
      <ion-label>
        <h2>我捞上的漂流瓶</h2>
      </ion-label>
    </ion-item>
  </ion-list>
</ion-content>
