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

Question

我在HTML中引用了一个称为“数字”的助手：

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

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