发表于: 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渲染完成之后生效,但是可能因为引用的原因,不加时间参数还是无法正常使用,于是加了一个时间参数,解决了问题;


明日计划:


完成首页所有内容



返回列表 返回列表
评论

    分享到