使用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
});
总结
以上是本文的全部内容,希望本文能对您有所帮助,如有问题可以留言交流。