发表于: 2017-06-29 23:03:59
3 950
今日完成:
1:完成了首页最新职位四个小图的轮播
2:完成了后台系统的部分方案
遇到的问题:
将jq的轮播图插件用自定义指令应用到angular里时,出现了一个问题,因为jq的本质是操作dom,
但是轮播图必须要从服务器获取,然后用ng-repeat渲染出来,这就导致了自定义指令开始工作时,
dom树还没有渲染好,导致图片堆积到一起,无法实现轮播
如何解决:
使用$timeout
app.directive('slickSlider',function($timeout){
return {
restrict: 'A',
link: function(scope,element,attrs) {
$timeout(function() {
$(element).slick(scope.$eval(attrs.slickSlider));
console.log(scope)
},
[1000]
);
}
}
});
单纯设置timeout也是不管用的 如果不给timeout设置时间,按理说该函数会在dom渲染完成之后生效,但是可能因为引用的原因,不加时间参数还是无法正常使用,于是加了一个时间参数,解决了问题;
明日计划:
完成首页所有内容
评论