typescript 滑动手势 - 相册组件中的照片滑动

Posted 2021-05-20

// ...
@Component({
  // ...
})
export class AlbumComponent {

  // ...

  @HostListener('swipeLeft') slideLeft() { this.slide(1); }
  @HostListener('swipeRight') slideRight() { this.slide(-1); }

  // ...

  slide(offset) {
    const nbPhotos = this.album.photos.length;
    this.current = (((this.current + offset) % nbPhotos) + nbPhotos) % nbPhotos;
  }

}