AngularJS页面/视图滑块

时间:2013-08-08 17:20:03

标签: angularjs angularjs-ng-repeat

基本上,我需要做的是使用当前网站上使用的数据为商店创建一个全屏窗口显示,现在,我已选择将AngularJS用于此项目,主要是因为我想学习它最好的学习方法就是做。

我有一个包含项目数组的JSON文件,它目前包含以下数据:

   {
        "prop_id"       : "",
        "prop_title"    : "",
        "prop_postcode" : "",
        "prop_price"    : "",
        "prop_image"    : "",
        "prop_desc"     : "",
        "template"      : "views/prop-no-thumbs.html",
        "info_image"    : "",
        "duration"      : "4000"

    },

所以,我有一个唯一的ID,我希望用来显示这个项目的模板以及我希望视图出现在屏幕上的持续时间。这些会有所不同。

在AngularJS中处理这个问题的最佳方法是什么,我已经开始使用我在GitHub上找到的一些示例代码,但似乎无法让它自动旋转(问题可以在这里查看:AngularJS: Slide divs automatically with a set duration on page load )。

有什么想法吗?我是否也应该使用第三方插件?有没有人有任何教程或资源来处理这样的事情?

1 个答案:

答案 0 :(得分:3)

您可以使用angular ui bootstrap轮播指令并使用css进行调整(删除箭头,调整大小等等)