Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Angular JS中实现无jQuery的无限滚动_Javascript_Angularjs_Dom - Fatal编程技术网

Javascript 在Angular JS中实现无jQuery的无限滚动

Javascript 在Angular JS中实现无jQuery的无限滚动,javascript,angularjs,dom,Javascript,Angularjs,Dom,我想从ng repeat中获取的数据制作一个无限滚动,并在滚动到达Angular JS的底部时使用指令加载数据,而不需要jQuery和ng infinite scroll的帮助 您需要使用材质角度的虚拟重复机制,如果您使用的材质具有角度js,只需遵循以下:https://material.angularjs.org/latest/demo/virtualRepeat在没有jquery的情况下创建对您来说很困难,但是您可以随时检查nginitescroll的实现,然后自己在纯JS中创建 否则,将n

我想从ng repeat中获取的数据制作一个无限滚动,并在滚动到达Angular JS的底部时使用指令加载数据,而不需要jQuery和ng infinite scroll的帮助

您需要使用材质角度的虚拟重复机制,如果您使用的材质具有角度js,只需遵循以下
:https://material.angularjs.org/latest/demo/virtualRepeat

在没有jquery的情况下创建对您来说很困难,但是您可以随时检查nginitescroll的实现,然后自己在纯JS中创建

否则,将ngInfiniteScroll与jquery一起使用

我在我的应用程序中使用了一个,它就像一个符咒

您将需要以下脚本来执行相同的操作:

<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指令,您可以使用该指令在AngularJS应用程序中实现无限滚动

当用户使用指令接近内容的底部时,只需声明调用哪个函数,其余的由模块处理。当然,您可以指定几个选项,以确保行为正是您想要的

你会在Facebook时间线上或Pinterest的主页上找到同样的技术。您将从这里获得:

您还可以在此处看到基本演示:

是否可以使用角度JS中的window对象进行此操作?如果您有特定的要求,它将不会被证明更有用。为什么不使用ngInfinite,即ng-infinite-scroll.js?此答案与我的不同?Chill bro,答案相同。巧合的是,我们两人同时在一起写作。ngInfiniteScroll使用jquery,问题是没有jqueryngInfiniteScroll是否可能使用jquery,问题是没有jquery是否可能