angularjs如何实现左右滑动
1、首先我们要准备3张图片供下面使用,如下图所示,我把他放在了图片文件夹下
2、接下来我们就是导入必备的库文件,首先导入的是门钙蹲茌jquery,然后导入的是anguarjs,最后导入一个angular-touch,如下图所示
3、然后我们准备控制器就可以了,如下图所示,你会发现我在声明module的时候指明了一个ngTouch的依赖,没错他就是控制左右滑动的命令
4、接下来我们要准备的是图片轮播的区域,如下图所示,一定要给宽高,超出直接hidden
5、然后我们就在轮播区域里面加入我们准备的图片即可,如下图所示
6、最后我们要做的就是给轮播区域绑定滑动的事件,可以如下图所示,用可以直接调用ng-swipe-left或者ng-swipe-right
7、综上所述,运用angularjs实现左右滑动主要用到了angular-touch里面的ngTouch,怎么样,简单吧!
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:94
阅读量:48
阅读量:63
阅读量:31
阅读量:68