javascript - 在 Meteor 中如何将数据从内部函数复制到其他模板？

Question

模板 t1 有这个 JS:

if (Meteor.isClient) {

  Template.t1.onRendered(function() {
    var mytasks = {
      tasks: [
        { text: "This is task 1" },
        { text: "This is task 2" },
        { text: "This is task 3" } ] } } ) ; }

Meteor 是否提供了全局变量机制，允许我复制本地 mytasks 变量转换为全局变量或与其他变量共享以某种方式模板？

Answer 1

如果您声明的变量不带 var，则该变量对于客户端、服务器或两者都是全局的(取决于声明的位置)。例如:

client/lib/globals.js

myTasks = [{text: "This is task 1"}, {...}];

client/templates/t1.js

Template.t1.helpers({
  tasks: myTasks
});

这里，myTasks 对于客户端来说是全局的。请注意，我在 lib 目录内的文件中声明了该变量，因此它将在其他客户端目录中的文件之前加载。

<小时/>

如果 myTasks 始终通过助手访问，另一种可能性是声明 global helper像这样:

Template.registerHelper('myTasks', function() {
  return [{text: "This is task 1"}, {...}];
});

然后在您的模板中:

{{#each myTasks}}
  <p>{{text}}</p>
{{/each}}