Question

我每次尝试列出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模板？

抱歉我的英文

Answer 1

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

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

然后您的list_products具有以下模板{{＆gt; pages}}和{{＆gt; 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>

与流星分页

1 个答案: