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

meteor は、イベントの完了後にこの属性が変更されたかどうかを確認し、テンプレートを再レンダリングする必要があります

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