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指令集成控制器。

在partial中添加div，调用控制器loadnext（）。

＆lt; \ div in-view =＆＃34; loadNext（$ inview）;＆＃34; ＆LT; / DIV＆GT;
Controller会计算下一篇文章并将其推送到视图中。

$ scope.posts.push（数据）

可以看到http://sarus.srijanlabs.com

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

感谢我的同事@whizcreed让这个工作。

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

1 个答案: