javascript - 如何在 Meteor 的排行榜示例中更新按钮的文本？

Question

我是 Meteor 的新手，我正在做 leaderboard example .我的代码有点问题。

我试图添加一个切换按钮来切换排序。切换和所有工作正常，但按钮的文本没有更新。

我的 javascript 代码:

if (Meteor.isClient) {
    Meteor.startup(function () {
        Session.set("sortMethod", "score");
    });

    ...

    Template.leaderboard.players = function () {
        if (Session.equals("sortMethod", "name"))
            return Players.find({}, {sort: {name: 1}});
        else if(Session.equals("sortMethod", "score"))
            return Players.find({}, {sort: {score: 1}});
    };

    ...

    Template.leaderboard.sortMethod = function () {
        return Session.get("sortMethod");
    }

    ...

    Template.leaderboard.events({
    'click input.sortToggle': function () {
      Session.equals("sortMethod", "name") ? Session.set("sortMethod", "score") : Session.set("sortMethod", "name");
    }
  });
}

我的 Handlebars 模板:

<template name="leaderboard">
  <!-- this is where it goes wrong, the button text doesn't update at {{sortMethod}} -->
  <input type="button" class="sortToggle" value="sort by {{sortMethod}}">
  <!--  -->
  <div class="leaderboard">
    {{#each players}}
      {{> player}}
    {{/each}}
  </div>

  {{#if selected_name}}
  <div class="details">
    <div class="name">{{selected_name}}</div>
    <input type="button" class="inc" value="Give some points" />
  </div>
  {{else}}
  <div class="none">Click a player to select</div>
  {{/if}}
</template>

注意:我删除了一些不相关的代码。

Answer 1

如果您改用按钮，它会起作用:

<button class="sortToggle">sort by {{sortMethod}}</button>

随着事件的相应变化:

'click .sortToggle': function () { ...

更改输入值被报告为 an issue过去，但它已关闭。也许它需要重新打开。