在 Meteor 中等待模板渲染，不一致

Question

一直在摸不着头脑，所以这是查看它的最简单方法 - 我正在使用这个：

Template.today.rendered = function() {
    console.log(this.firstNode.children.length);
};

只需尝试获取假定呈现的项目数。模板如下所示：

<template name="today">
    <div class="todaySlider">
        {{#each dayOfWeek}}
            {{> singleDay}}
        {{/each}}
    </div>
</template>

如果它很重要，singleDay 看起来像：

<template name="singleDay">
    <div class="day {{isCurrent}}">
        <h2 class="date">{{date}}</h2>

        {{#each items}}
            {{> item }}
        {{/each}}
    </div>
</template>

我正在尝试等待所有“singleDays”呈现，但是我记录的计数在刷新时通常不同。我会得到从 0 到正确值的任何值，我不明白为什么。这似乎是调用它的正确位置，我担心也许双“每个”太慢了？

我已经尝试过计时器（我真的不应该）甚至 DOM Mutation Observers（这看起来有点过头了），但肯定有一个纯粹的 Meteor 方法来解决这个问题，有什么想法吗？

Answer 1

似乎这里发生的事情是在将 Mongo 集合发送到客户端之前呈现模板。更具体地说，meteor 尽可能快地呈现您的模板，这意味着它没有“等待”任何数据从服务器发送到客户端的概念。因此，如果您在非响应式调用 (Template.rendered) 中间接放置有关数据库查询的任何内容，那么它将以 undefined 的形式使用数据执行。

我假设你的 dayOfWeek 助手看起来像这样：

Template.today.helpers({
  daysOfWeek: function () {
    var today = CollectionName.findOne();

    return today.daysOfWeek;
  }
})

（或者你可能正在使用路由器将一天直接传递给模板）

无论哪种方式，在您的路由器中，您都需要等待 Mongo 集合项发送到客户端，然后才能进行任何渲染。如果您使用 Iron-Router，您只需“等待”您的数据/订阅。

更多信息可以在这里找到：https://github.com/iron-meteor/iron-router/blob/devel/Guide.md#wait-and-ready

如果您仍在使用自动发布，那么您可以将订阅替换为您的数据库查询。

Answer 2

Template.rendered 在模板被渲染时发生，但这并不意味着其中会有任何数据。

我很确定您需要在帮助程序中执行此操作。

每个助手不必返回游标，它们也可以返回一个数组。如果“singleDays”的数量很短，您可以将数组发送到模板而不是游标。这有点难看，可能有更好的方法来做到这一点，但我认为这会奏效。

Template.today.helpers({
    dayOfWeek: function() {
        var days = DaysCollection.find({}).fetch();
        if (days[days.length - 1]) days[days.length - 1].isLast = true;
        return days;
    }
});

我假设 {{isCurrent}} 是您添加您正在谈论的额外类的位置。如果是这样，只需让 isCurrent 助手查找 this.isLast 是否为真。