node.js - 如何：使用 AngularJS 执行无限滚动并在每个新帖子上更改路线

Question

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

当您向下滚动并将数据附加到最后一篇文章时，网址会发生变化（没有页面刷新）。试图在angular-express-seed上构建它。

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

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

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

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

Answer 1

回答自己的问题，以防它帮助某人。

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

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

   <\div in-view="loadNext($inview);" </div>

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

   $scope.posts.push(数据)

这可以在http://sarus.srijanlabs.com上看到

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

多亏了我的同事@whizcreed 才能完成这项工作。