求一个angularjs 轮播图指令?

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

阅读 4.7k
2 个回答

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

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

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

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

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

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

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

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

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

新手上路,请多包涵
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题