在 Meteor 模板事件处理程序中获取正确的数据上下文

Question

我正在使用 Meteor 1.3.1，并且我正在做一些实验来获取事件侦听器块中的数据上下文，这是我的代码：

  

var objs=[ 
      { a:"a1", b:"b1", yes:true },
      { a:"a2", b:"b2" },
      { a:"a3", b:"b3", yes:true },]


Template.tt.helpers({
  objs: objs
})

Template.tt.events({
  'click .b'(event, template) {
	console.log(Template.currentData().a);   //---> undefined
	console.log(template.data.a);            //---> undefined
    console.log(Template.parentData(0).a);   //---> undefined
	console.log(this);                       //---> Window Obj
  } 
})

<template name="tt">
{{#each objs}}
  <h1>a={{a}}, b={{b}}</h1> 
  {{#if yes}}
    <button class="b">b</button>{{yes}}
  {{/if}}
{{/each}}
</template>

我想获取a 键的值，但有几种方法都失败了。

Answer 1

这个问题的常见模式是创建一个嵌套模板并将事件模板附加到它：

html:

<template name="tt">
  {{#each objs}}
    {{> inner}}
  {{/each}}
</template>

<template name="inner">
<h1>a={{a}}, b={{b}}</h1> 
{{#if yes}}
  <button class="b">b</button>{{yes}}
{{/if}}
</template>

js:

Template.inner.events({
  'click .b' (event, template) {
    console.log(this.a); //will be "a"
  } 
})