AngularJS页面/视图滑块
基本上,我需要做的是创建一个全屏窗口显示一个商店使用的数据是在他们当前的网站上使用,现在,我选择使用AngularJS为这个项目,主要是因为我想学习它,最好的学习方式是做 我有一个包含项目数组的JSON文件,它当前包含以下数据:AngularJS页面/视图滑块,angularjs,angularjs-ng-repeat,Angularjs,Angularjs Ng Repeat,基本上,我需要做的是创建一个全屏窗口显示一个商店使用的数据是在他们当前的网站上使用,现在,我选择使用AngularJS为这个项目,主要是因为我想学习它,最好的学习方式是做 我有一个包含项目数组的JSON文件,它当前包含以下数据: { "prop_id" : "", "prop_title" : "", "prop_postcode" : "", "prop_price" : "", "p
{
"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上找到的一些示例代码,但似乎无法让它自动旋转(可以在这里查看问题:)
有什么想法吗?我也应该使用第三方插件吗?有人有任何教程或资源来处理类似的问题吗?您可以使用carousel指令并使用css进行调整(删除箭头、调整大小等)。这将非常有效,但不是我需要的,因为它会将所有视图加载到同一页面上,可能有数百个,所以不要让页面过载。你可以通过“延迟加载”幻灯片来解决这个问题。每张幻灯片内都有一个ng include。您可以仅为活动幻灯片、先前活动的幻灯片和下一张幻灯片提供src属性;这更有用。bootsrap示例中的一个只是切换可见内容