【发布时间】:2020-07-07 01:44:31
【问题描述】:
场景:单击下拉按钮时应显示模型的字段。
模板:producer.html
<template name="producer">
<li>
<a href="{{producerName}}" >{{producerName}}</a>
<button class="expand">⌄</button>
{{#if expanded}}
<form>....</form>
{{/if}}
</li>
</template>
客户端 JS:producer.js
// creating the reactive variable
Template.producer.onCreated(
function () {
this.expanded = new ReactiveVar(false);
}
);
// helper
Template.producer.helpers = {
expanded() {
return Template.instance().expanded.get();
}
};
// event listener
Template.producer.events({
'click .expand'(event, instance) {
instance.expanded.set(!instance.expanded.get());
}
});
在调试时,很明显反应变量的值发生了相应的变化。但是,模板不会按预期呈现表单。我错过了什么?
【问题讨论】:
标签: templates meteor reactive-programming meteor-blaze reactive