Javascript 角度平滑ng重复$http get
整个周末,我一直在尝试使用Javascript 角度平滑ng重复$http get,javascript,angularjs,angularjs-ng-repeat,ng-repeat,angular-ng-if,Javascript,Angularjs,Angularjs Ng Repeat,Ng Repeat,Angular Ng If,整个周末,我一直在尝试使用ng repeat在光滑的角度旋转木马中显示数据(我用$http.get获取数据),但徒劳 我读过关于这个众所周知的问题:和 我试图使用initonload和data属性,但没有成功 HTML: (myApp模块是在我的app.js文件中定义的,我使用yeoman来构建我的项目) 如果您能帮助我,那就太好了。我建议您在slick元素上使用ng if。仅当仅通过检查数据长度而存在数据时,才会加载slick指令 标记 <slick ng-if="ctrl.produc
ng repeat
在光滑的角度旋转木马中显示数据(我用$http.get
获取数据),但徒劳
我读过关于这个众所周知的问题:和
我试图使用initonload
和data
属性,但没有成功
HTML:
(myApp
模块是在我的app.js
文件中定义的,我使用yeoman来构建我的项目)
如果您能帮助我,那就太好了。我建议您在
slick
元素上使用ng if
。仅当仅通过检查数据长度而存在数据时,才会加载slick
指令
标记
<slick ng-if="ctrl.products.length">
<div ng-repeat="product in ctrl.products">
<img ng-src="{{product.image}}" alt="{{product.title}}"/>
</div>
</slick>
我使用标准的光滑旋转木马,而不是有角度的版本。 您只需等待数据加载完成。 1秒或更短时间就可以了 比如说
setTimeout(
function()
{
$('#yourdiv').slick({
autoplay: true
})
}, 1000);
好吧,我认为这不太合适,因为
init onload
意味着等待,直到你有一个数据的变量,但是因为你在发出$http
请求之前用一个空数组预先填充了这个变量,所以slick不会知道它应该等待。如果删除行store.products=[],是否有效代码>?或者,延迟加载slick,就像@PankajParkarThanks的回答中所说的那样!它与Pankaj Parkar的方法一样有效。多亏了你们两位,我明白了一个重要的观点。这真是太聪明了。我从来没有想过要用ng if来达到这个目的。一定要记住这一点。@jme11谢谢兄弟。。这真是太棒了,但是你在使用它的时候需要遵循点规则
,非常感谢!它和克莱斯的方法一样有效。感谢你们两位,我明白了一个重要的问题。@user4820423很高兴能帮助你们。。谢谢:)
<slick ng-if="ctrl.products.length">
<div ng-repeat="product in ctrl.products">
<img ng-src="{{product.image}}" alt="{{product.title}}"/>
</div>
</slick>
setTimeout(
function()
{
$('#yourdiv').slick({
autoplay: true
})
}, 1000);