请问如何在用angular开发的移动Web中实现 滚动加载 ?

来源:10-1 总结

ZF_Steven

2017-05-24

老师,您好,请问如何在用angular开发的移动Web中实现 滚动加载 (页面快滚动到底部时,加载更多数据)?
针对这个问题,在npm上找了 ngx-infinite-scroll 这个插件,试了一下不管用,然后在stackoverflow上也搜了这个问题,均没有合适可行的解答。所以想请问老师,你在平常用angular开发时,有没有碰到这种需求,有的话是如何解决的?没有的话,请提供思路也好! 谢谢~



写回答

1回答

JoJo

2017-05-26

https://github.com/jojozhai/hdcy-server/blob/master/hdcy-weixin-aot/src/client/app/shared/directive/infinite-scroll.directive.ts 以前写的一个滚动加载的指令,思路是监听有这个指令的dom(比如某个div)的滚动事件,在指令里计算滚动的位置到哪里了,快到底部时就调用查询方法。写的比较早,那时对angular还不熟,更好的方式应该是发射事件触发父组件的方法。供参考。这里是调用的代码:https://github.com/jojozhai/hdcy-server/blob/master/hdcy-weixin-aot/src/client/app/article/article-list.component.html 

0
1
ZF_Steven
非常感谢!
2018-01-15
共1条回复

Angular4.0从入门到实战 打造股票管理网站

Angular新特性,教你熟练使用 Angular 和 Typescript 开发组件式单页应用

2683 学习 · 1361 问题

查看课程