angularjs如何实现左右滑动

2024-10-12 14:56:03

1、首先我们要准备3张图片供下面使用,如下图所示,我把他放在了图片文件夹下

angularjs如何实现左右滑动

3、然后我们准备控制器就可以了,如下图所示,你会发现我在声明module的时候指明了一个ngTouch的依赖,没错他就是控制左右滑动的命令

angularjs如何实现左右滑动

5、然后我们就在轮播区域里面加入我们准备的图片即可,如下图所示

angularjs如何实现左右滑动

7、综上所述,运用angularjs实现左右滑动主要用到了angular-touch里面的ngTouch,怎么样,简单吧!

猜你喜欢