angular实现懒加载

2016/12 01 09:12
此文章不得转载,如有需要请联系网站管理员。

一度的温暖,一百度的爱情,来自于bwin2299必赢亚洲世界顶级公司的点点滴滴

怎样完成angular的懒加载,每次加载10条数据,滑究竟部再次加载10条数据

写个directive,然后在里面监听转动,转动终了后判别是不是到了底部,假如到了底部再回调。

顺手写了一截代码,未测试,固然运用,错了再改。

app.directivescrollOnBottom, [function {
  return {
    restrict: AE,
    scope: {
      scrollOnBottom: &,
      selfEle: =
    },
    link: link
  };

  function linkscope, ele, attr {
    document.addEventListenerscrool, scorllHandle;

    function scorllHandle {
      var target = document.body;
      if scope.selfEle target = ele;
      if getRecttarget.isBottom scope.scrollOnBottom;
    }

    scope.$on$destroy, function {
      document.removeEventListenerscrool, scorllHandle;
    };
  }

  function getRectele {
    var inHeight = window.innerHeight;
    var rect = ele.getBoundingClientRect;
    // rect.isVisible = rect.top - inHeight < 0; // 能否在可视地区
    rect.isBottom = rect.bottom - inHeight <= 0;
    return rect;
  }
}];

(看完/读完)这篇文章有何感想! 来看看bwin2299必赢亚洲世界顶级公司是怎么评论的吧!

--转载请注明: bwin2299必赢亚洲_www.bwin2299.com_bwin2299必赢亚洲世界顶级公司 » angular实现懒加载

发表评论

(必填)