meteor - 从点击事件更改属性时重新渲染模板

Question

我想通过 onclick 函数触发我的车把模板中块的可见性。我可以使用会话和辅助函数来让它工作，但这似乎有点过头了。

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

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

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