Angularjs实现一个幻灯片示例代码

基于angularjs制作的幻灯片

演示地址

国家预防机制方式安装

国家预防机制安装angularjsSlider

使用方法

第一步（引入)

需要(' angularjsSlider ')(moduleName)；//引入

第二步（参数配置)

类型说明数据组幻灯片图片数据[{img: '1.jpg '，link:'#'}.]计时器数量幻灯片切换间隔计时器=' 2 ' BTN-左字符串左侧切换按钮BTN左=' # BTN左' BTN-右字符串右侧切换按钮btn-right=' ."光"动画类型字符串切换动画方式动画类型="轻松"动画时间字符串切换动画时间动画时间='1.0 '秒第三步（插入标签)

滑块/滑块/插入超文本标记语言标签

div class=' sliderBox羧基羧基ng-controller='firstCtrl '滑块计时器=' 2 '数据='数据' BTN-左=' # BTN左' BTN-右=' .BTN光'动画-类型='轻松'动画-时间=' 1.0 '/滑块div class=' BTN左' id=' BTN左'/div div class=' BTN右BTN光'/div/div var myModule=angular。模块(' myApp '，[])；myModule.controller('firstCtrl '，函数($scope) { $scope.data=[{img: './img/1.jpg '，链接： ' # ' }]；});以上就是对AngularJS的实现幻灯片资料，后续继续整理相关知识，谢谢大家对本站的支持！