如何 select 事件中的辅助标签 (handlebars/meteor)

Question

我在 HTML:

中引用了一个名为 'number' 的助手

Number of Entries: {{number}}

那个助手只计算我的数据库中有多少条目

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

我正在尝试创建一个事件，这样当我点击 {{number}} 元素时，它将 return 该数字发送到控制台，但我不知道如何获取它完全响应点击，更不用说响应数字

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
  }
});

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

how to select helper tags in events (handlebars/meteor)