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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了typescript 滑动手势 - 相册组件中的照片滑动相关的知识,希望对你有一定的参考价值。

// ...
@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;
  }

}

以上是关于typescript 滑动手势 - 相册组件中的照片滑动的主要内容,如果未能解决你的问题,请参考以下文章

typescript 滑动手势 - 将hammerjs添加到main.ts

typescript 滑动手势 - 将hammerjs添加到app.module.ts

typescript 滑动手势 - 将hammerjs添加到app.module.ts

如何从我的照片流相册中获取照片

如何将移动手势(例如触摸和滑动)添加到 React Bootstrap 轮播组件?

typescript 照片滑动动画 - 专辑组件