app-myapp/app/tab1/tab1.page.html

<ion-header>
  <ion-toolbar>
    <ion-title>
      Photos
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-searchbar (ionInput)="onSearch($event)"></ion-searchbar>

  <!-- 图片上传按钮和标签输入框 -->
  <ion-button (click)="openFilePicker()">
    Upload Photo
  </ion-button>
  <ion-input placeholder="Tags (comma separated)" [(ngModel)]="newPhotoTags"></ion-input>

  <div class="photo-container">
    <div class="photo-wrapper" *ngFor="let photo of displayedPhotos; let i = index">
      <ion-img [src]="photo.url" alt="Photo {{photo.id}}" (click)="openFullscreen(photo.url)"></ion-img>
    </div>
  </div>
</ion-content>