我的模板无法识别变量。 为什么会发生这种情况？

Question

My handlebars template has something like this:

Template.test.people

<template name="test">
<ul>
    {{#each people}}
         {{ name }} //name is present in every object in the Template.test.people array.
    {{/each}}
</ul>
</template>

The Template.test.people variable is instantiated ( Template.test.people = [...] ) at some point during runtime when the user clicks on a button. At which time, the above unordered list becomes unhidden. The list however displays as an empty list!

However, even though I can go to the console and read the value of the Template.test.people variable, at this time, and can clearly see that it has information. The variable is an array of objects.

I tried another workaround just to make sure that things were getting "updated", and I passed my variable through a function like so:

Template.test.helper = function(){
   return Template.test.people;
}

and then change the template to this:

<template name="test">
<ul>
    {{#each helper}}
         {{ name }}
    {{/each}}
</ul>
</template>

which also did not work.

Answer 1

Simply reassigning static template data does not trigger any kind of reactive recalculation. Store the objects in Session , a collection, or another reactive data source:

Template.test.people = function() {
  return Session.get( "people" );
};

Template.test.events({
  "click #the-button": function() {
    Session.set( "people", [{ foo: "bar" }, { baz: "qux" }] );
  }
});