您好我有一个简单的应用程序列出帖子,我正在努力使用铁路由器和流星分页添加一个简单的分页:https://github.com/egtann/meteor-pagination
我的 index.js :
中有以下内容if (Meteor.isClient) {
Template.index.helpers({
posts: function () {
return Posts.find({}, {sort: {voteResult: -1}});
},
}
因此,要在我的 index.html 中显示我正在使用{{#each posts}}
的帖子,请执行以下操作:
<template name="index">
<ul>
{{#each posts}}
<li>
{{text}}
</li>
{{/each}}
</ul>
<!-- pagination BOOTSTRAP CSS -->
<!-- <div class="text-center">
<ul class="pagination_bis">
<li>
<a href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="active_bis"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</div> -->
</template>
这是我的 route.js :
Router.configure({
loadingTemplate: 'loading',
notFoundTemplate: 'notFound',
layoutTemplate: 'layout'
});
Router.route('/', function() {
this.render('index');
});
我的问题:
我试图按照上面提供的链接示例,但我很困惑,他们使用的Meteor版本已被弃用。毋庸置疑,我是Meteor的新手,每一个输入都得到了真正的赞赏。为了您的信息,应用程序事件工作正常,我设法保存和删除帖子,有超过30个帖子创建用于测试分页。感谢。
答案 0 :(得分:1)
我不会使用不再维护的软件包(egtann:meteor-pagination
的最后一次提交是2年前)。
而只是尝试alethes:pages
(GitHub project)。似乎也有相当好的记录。
至于路由器。您可能必须使用网址参数(如果您想通过网址直接访问特定网页 - 例如第5页的/posts/5/
):
Router.route('/posts/:page', function () {
var pageId = this.params.page;
...
});
答案 1 :(得分:1)
这是了解动态路线以及如何在Meteor中为您的路线使用数据的绝佳资源,适合初学者:http://meteortips.com/tutorial/iron-router-part-2/