使用AngularJS实现幻灯片效果

前言

因为jQuery开发,滑动组件已经很成熟,所以让我们看看步骤使用AngularJS实现幻灯片效果。

新公共管理模式安装


安装angularjsslider NPM


使用方法

第一步(导言)


要求('angularjsslider ')(modulename); / /介绍


第二步(参数配置)




类型
解释


数据
阵列
图片数据{ { IMG:1。jpg


定时器

幻灯片间隔计时器 2


按钮左
字符串
左切换按钮按钮左=# btnleft


按钮右
字符串
正确的开关按钮按钮右= 。btnright


动画类型
字符串
切换动画动画类型=轻松


动画时间
字符串
切换动画时间动画时间= 1 秒




第三步(插入标签)


插入HTML标记












VaR的mymodule = angular.module('myapp,{ });
MyModule.controller('firstctrl功能(范围){
scope.data美元{ { IMG:= 。 / / IMG 1 .jpg
});


总结



以上是本文的全部内容,希望本文能对您有所帮助,如有问题可以留言交流。