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);