扫码关注官方订阅号
如题,思路。。。。。。。。。
认证高级PHP讲师
这个可以做一个组件:1.模板2.指令集
模板写进 $templateCache里,这样效率会很高,使用也更方便。
模板与指令集进行数据绑定。模板的结构应该是类似这样的结构。(简写,表意)p
ul li ng-repeat=" your images data "p contrl buttons
指令集中有一个父指令,和一些子指令。
父指令目的是构建数据以及绑定模板,父指令的控制器做所有子指令的公共方法库,方法库里主要是轮播图的一些子指令都需要的公共方法来实现数据的传递。比如这里需要一个轮播图片的数据对象,可以供给给所有子指令随时GET。
第一个子指令当然是来做轮播图片的处理,这里需要处理的是轮播逻辑的实现,比如使用$interval 来实现轮播图片,里面来实现哪个显示哪个不显示。
第二个子指令就是控制按钮的布局与实现,里面的控制逻辑主要实现对图片的上一张,下一站的控制等等。
嗯……这样就差不多实现了
使用原生AngularJs模拟京东首页轮播图 http://www.jianshu.com/p/9b6a...
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
这个可以做一个组件:
1.模板
2.指令集
模板写进 $templateCache里,这样效率会很高,使用也更方便。
模板与指令集进行数据绑定。模板的结构应该是类似这样的结构。(简写,表意)
p
ul
li ng-repeat=" your images data "
p contrl buttons
指令集中有一个父指令,和一些子指令。
父指令目的是构建数据以及绑定模板,父指令的控制器做所有子指令的公共方法库,方法库里主要是轮播图的一些子指令都需要的公共方法来实现数据的传递。比如这里需要一个轮播图片的数据对象,可以供给给所有子指令随时GET。
第一个子指令当然是来做轮播图片的处理,这里需要处理的是轮播逻辑的实现,比如使用$interval 来实现轮播图片,里面来实现哪个显示哪个不显示。
第二个子指令就是控制按钮的布局与实现,里面的控制逻辑主要实现对图片的上一张,下一站的控制等等。
嗯……这样就差不多实现了
使用原生AngularJs模拟京东首页轮播图 http://www.jianshu.com/p/9b6a...