javascript - meteor 页面加载后单独加载部分页面

Question

我想用meteor创建复杂的博客页面。我有一个包含两个子模板的模板，如下所示:

<template name="singlePostPage">
    {{> post }}
    {{#each comments}}
        {{> comment}}
    {{/each}}
</template>

我想在页面加载时加载帖子，并在帖子完全加载后加载评论。 (如disqus评论系统在整个页面加载后加载)

请指导我如何执行此操作以及哪些软件包可能对这种情况有用？

Answer 1

您可以在渲染帖子模板时设置 session 变量或 react 变量，然后使用 handle {{#if}}来根据该变量的值显示评论。像下面这样的东西应该可以工作。

.js 文件( session )

Template.post.onRendered(function() {
    Session.set("postRendered", true);
});

Template.singlePostPage.helpers({
    postRendered: function() {
        return Session.get("postRendered");
    }
});

只需确保在首次加载 singlePostPage 模板时将 postRendered session 变量设置为 false 或 null。如果您想使用 react 变量:

添加此包:

meteor add reactive-var

并使用这个 .js 代码:

var postRendered = new ReactiveVar(false);
Template.post.onRendered(function() {
    postRendered.set(true);
});

Template.singlePostPage.helpers({
    postRendered: function() {
        return postRendered.get();
    }
});

对于这两个示例，您都可以使用此 .html 文件

<template name="singlePostPage">
    {{> post }}
    {{#if postRendered}}
        {{#each comments}}
            {{> comment}}
        {{/each}}
    {{/if}}
</template>