使用流星进行分页答案

【问题标题】：Pagination with meteor使用流星进行分页
【发布时间】：2016-05-02 13:46:58
【问题描述】：

我每次尝试列出 9 个项目，我发现 alethes:pages 可以帮助完成它。我不明白它应该如何实施。我的收藏是用

创建的

Products = new Mongo.Collection("products");

所以我在 /lib 文件夹中创建了页面

Pages = new Meteor.Pagination(Products, {
    perPage: 9,
    sort: {
        createdAt: -1
    }
});

对如何使用Pages 列出项目感到困惑？下面是我列出项目的模板。我在另一个模板中调用模板来列出项目。

这是模板

<template name="list_products">
    {{#each applications}}
        <div class="col-sm-4 col-lg-4 col-md-4">
            <div class="thumbnail">
                <img src="{{previewImage}}" alt="">
            </div>
        </div>
    {{/each}}
</template>

如何将Pages 应用到list_products 模板？

对不起我的英语

【问题讨论】：

标签： meteor pagination

【解决方案1】：

这是您必须为页面定义模板和项目模板的方式。

Pages = new Meteor.Pagination(Products, {
    perPage: 9,
    sort: {
        createdAt: -1
    }
    templateName: "list_products",
    itemTemplate: "list_products_item",
});

然后您的 list_products 有以下模板 {{> pages}} 和 {{> pagesNav}} 像这样：

<template name="list_products">
    {{> pages}}
    {{> pagesNav}}
</template>

在这里，您必须如何创建将显示您的项目的每个项目模板，而您不必为此使用任何#each。基本上，它每次都会根据您的每页项目值呈现：

<template name="list_products_item">
    <div class="col-sm-4 col-lg-4 col-md-4">
        <div class="thumbnail">
            <img src="{{previewImage}}" alt="">
        </div>
    </div>
</template>

【讨论】：