在Angular JS中使用jQuery进行无限滚动

时间:2016-10-14 10:13:32

标签: javascript angularjs dom

我想从ng-repeat中获取数据进行无限滚动,并在没有jQuery和ng-infinite-scroll帮助的情况下使用指令滚动到达底部时加载数据。

3 个答案:

答案 0 :(得分:2)

我正在使用ngInfiniteScroll指令,您可以使用它在AngularJS应用程序中实现无限滚动。

当用户使用指令接近内容的底部时,只需声明要调用的函数,模块将负责其余部分。当然,您可以指定几个选项以确保行为正是您正在寻找的行为。

您可以在Facebook时间线或Pinterest的主页上找到相同的技巧。你会从这里得到它: ngInfiniteScroll

此外,您还可以在此处查看基本演示: ngInfiniteScroll basic demo

答案 1 :(得分:0)

您需要使用材质角度的虚拟重复机制,如果您使用带有角度js的材质,请按照此$('.more').click(function() { $(this).prev('.more-cont').slideToggle(); $(this).html('close'); });

答案 2 :(得分:0)

使用 ngInfiniteScroll

我在我的应用程序中使用它,它就像一个魅力

您需要以下脚本:

<script type='text/javascript' src='path/to/jquery.min.js'></script>
<script type='text/javascript' src='path/to/angular.min.js'></script>
<script type='text/javascript' src='path/to/ng-infinite-scroll.min.js'></script>

了解更多ngInfiniteScroll

演示相同:demo_asyncdemo_basic