如何在事件中选择助手标签（把手/流星）

Question

我在HTML中引用了一个名为'number'的帮助器：

Number of Entries: {{number}}

并且该帮助程序只计算我的数据库中有多少条目

Template.general.helpers({
    number: function(){
        return collectionName.find().count()
    }
});

我正在尝试创建一个事件，以便当我点击{{number}}元素时，它会将该数字返回到控制台，我无法弄清楚如何让它响应点击，更不用说用数字回复了

Template.general.events({
    'click .number': function(){
        console.log('hi');
    }
});

Answer 1

由于您希望在事件处理程序中轻松获得可用值并避免不必要的重新计算，因此可以使用{{#with}}子句为其内容设置数据上下文，可通过点访问（{{.}}）符号。

{{#with number}}
  <span class="number">
    Number of Entries: {{.}}
  </span>
{{/with}}

这为您的处理程序提供了一个挂钩的class和可以轻松访问该值的数据上下文。

Template.general.events({
  'click .number': function(e, tpl){
    console.log('the number is', this); //"this" is the data context
  }
});

将相关计数记录到控制台。