Сценарий: Поля модели должны отображаться при нажатии на кнопку раскрывающегося списка.
Шаблон: производитель. html
<template name="producer">
<li>
<a href="{{producerName}}" >{{producerName}}</a>
<button class="expand">⌄</button>
{{#if expanded}}
<form>....</form>
{{/if}}
</li>
</template>
Клиент JS: производитель. 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());
}
});
Во время отладки было ясно, что значение реактивной переменной изменяется соответствующим образом. Тем не менее, шаблон не отображает форму, как ожидалось. Чего мне не хватает?