如何:使用 AngularJS 执行无限滚动并更改每个新帖子的路线



我想构建类似 qz.com 的东西

当您向下滚动时,url会更改(不刷新页面),并且数据将附加到最后一篇文章中。试图在角度表达种子上构建它。

任何指针或教程都会有所帮助。

编辑:在这里找到了一个小提琴 http://jsfiddle.net/fotuzlab/nES2q/(从原始分叉)

elm.bind('scroll', function() {
            if (raw.scrollTop + raw.offsetHeight >= raw.scrollHeight) {
                scope.$apply(attr.whenScrolled);
            }
        });

似乎它可以完成这项工作,但现在 elm.bind 由于某种原因无法正常工作。还有其他方法吗?

回答自己的问题,以防对某人有帮助。

与其编写完整的自定义指令来实现目的,不如将控制器与 inview 指令集成。

  1. 在部分中添加了div,用于调用控制器 loadnext()。

    <\div>

  • 控制器计算下一篇文章并将其推送到视图中。

    $scope.posts.push(data)

  • 这可以看到在 http://sarus.srijanlabs.com 工作

    这个项目以Sarus的名义开源。可以在那里检查完整的代码https://github.com/srijanlabs/sarus

    这一切都归功于我的同事@whizcreed让这项工作发挥作用。

    最新更新