Question

我正在用Meteor建立一个免费的电视跟踪应用程序，一路上我似乎撞墙了。我的模板的一部分包含：

<template name="results">
  <div class="row">
      <div class="span6 offset6">
        <h4>Search Results</h4>
          <ul>
            {{#each series}}
            <li><a href="http://thetvdb.com/?tab=episode&seriesid{{tvdbseriesid}}&lid={{tvdblid}}">{{seriesname}}</li>
            {{/each}}
          </ul>
      </div>
    </div>
</template>

然后，在我的客户端js代码中，我这样做：

Template.search.events({
  'click #search' : function(evt) {
    evt.preventDefault();

    var query = $('#query').val();
    if (query) {
      Meteor.call('queryshow', query, function(error, result) {
        Template.results.series = result;
        console.log(Template.results());
      });
    }
  }
});

“queryshow”服务器方法只是一个Collection查询方法，它返回一个包含模板所需数据的对象。

然而问题是：更改未反映在浏览器窗口中。我似乎无法弄清楚为什么，因为下面显示的console.log（Template.results（））调用返回了我期望的正确的html。

我该如何解决这个问题？我试着查看Meteor的文档，我似乎找不到强行重新呈现模板的功能。任何帮助将不胜感激！

Answer 1

Template.results.series应该是一个返回系列的函数，而不是直接设置为您要使用的系列。这样，当Meteor运行函数来获取序列时，它可以注册函数所依赖的函数，然后在任何依赖项发生变化时重新运行该函数。

为您的信息注册依赖项的最简单方法是使用Session对象。所以你的代码看起来像是：

Template.results.series = function () { return Session.get('resultsSeries'); }

Meteor.call('queryshow', query, function (err, res) {
  // handle the error if it's there
  // ...
  // Then set the session variable, which will re-run anything that depends on it.
  Session.set('resultsSeries', res)
}

变量赋值后，Meteor.js模板不会更新

1 个答案: