Meteor模板渲染 - 为什么集合为空？

Question

Meteor模板渲染 - 为什么集合为空？

6

在下面的基本示例中，为什么渲染函数中返回的集合为空？
Autopublish已启用。页面加载后，在javascript控制台中调用命令Coll.find().fetch()会返回正确的条目集。
以下是代码：

t.js

Coll = new  Meteor.Collection("coll");

if (Meteor.isClient) {
  Template.tpl.rendered = function(){
    console.log(Coll.find().fetch()); // <-- This line prints empty array
  };
}

if (Meteor.isServer) {
  Meteor.startup(function () {
      if (Coll.find().count() === 0) {
          var f = ["foo","bar"];
          for (var i = 0; i < f.length; i++)
              Coll.insert({f: f[i]});
      }
  });
}

以及 t.html 文件

<head>
  <title>test</title>
</head>

<body>
  {{> tpl}}
</body>

<template name="tpl">
  Test tpl
</template>

- Elrot

这是因为你的集合尚未加载。Template.rendered被触发，并不意味着你的集合已经加载完成。请查看此线程。 - sohel khalifa

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Tarang · Accepted Answer

Meteor是基于数据传输的结构构建的。这意味着当应用程序最初加载时，先发送HTML和JS，然后再发送数据。

您必须使用反应性来检查数据更改或检查集合订阅何时完成（这需要删除autopublish包）。（您可以在文档中查看如何将应用程序移动到手动订阅：http://docs.meteor.com/#publishandsubscribe）

订阅回调会告诉您何时返回数据：

Meteor.subscribe("coll", function() {
    //Data subscription complete. All data is downloaded
});

一个模板也可以变成响应式的（就像你现在正在做的），但是 .rendered 没有被调用，因为 Meteor 首先会检查模板的 HTML 是否已更改，只有当它不同才会更改其 HTML 并调用渲染回调函数。

你在这里的选项是 1）使用 Deps.autorun，或者

2）我不确定为什么你在渲染回调中使用它，但如果必须放在那里，你需要确保模板的 HTML 发生了变化，通过从你的集合中引入一些东西来使其在新数据引入时发生变化。