meteor - 从单击事件更改属性时重新呈现模板

Question

我想通过 onclick 函数触发 Handlebars 模板中 block 的可见性。我可以使用 session 和辅助函数来让它工作，但它似乎有点矫枉过正。

<template name="eventlist">
   {{#each eventcollection}}
    <div class="eventcontent">
     name: {{name}} <br>
     {{#if showdetail}}
       detail: {{detail}}
     {{/if}}
    </div>
   {{/each}}
</template>

有没有可能让它像这样以某种方式工作？

Template.eventlist.events = {
   'click .eventcontent': function() { this.showdetail = true}
}

meteor 只需要在事件完成后检查 this 的任何属性是否发生变化，然后重新渲染模板

Answer 1

为什么要打扰 Meteor？在古老的 Javascript 时代，这样的事情很容易实现:

<template name="eventList">
    {{#each eventCollection}}
        <div class="eventContent">
            name ...
            <span class="eventHidden" style="display: none;">
                detail ...
            </span>
        </div>
    {{/each}}
</template>


Template.eventList.events({
    'click .eventContent': function(e) {
        $(e.target).find('.eventHidden').toggle();
    },
});