javascript - 求一个angularjs 轮播图指令?
PHP中文网
PHP中文网 2017-04-11 12:43:53
[JavaScript讨论组]

如题,思路。。。。。。。。。

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(2)
黄舟

这个可以做一个组件:
1.模板
2.指令集

  • 模板写进 $templateCache里,这样效率会很高,使用也更方便。

  • 模板与指令集进行数据绑定。模板的结构应该是类似这样的结构。(简写,表意)
    p

ul
li ng-repeat=" your images data "
p contrl buttons

  • 指令集中有一个父指令,和一些子指令。

  • 父指令目的是构建数据以及绑定模板,父指令的控制器做所有子指令的公共方法库,方法库里主要是轮播图的一些子指令都需要的公共方法来实现数据的传递。比如这里需要一个轮播图片的数据对象,可以供给给所有子指令随时GET。

  • 第一个子指令当然是来做轮播图片的处理,这里需要处理的是轮播逻辑的实现,比如使用$interval 来实现轮播图片,里面来实现哪个显示哪个不显示。

  • 第二个子指令就是控制按钮的布局与实现,里面的控制逻辑主要实现对图片的上一张,下一站的控制等等。

嗯……这样就差不多实现了

高洛峰

使用原生AngularJs模拟京东首页轮播图 http://www.jianshu.com/p/9b6a...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号