【问题标题】:Meteor blaze template is not re-rendered upon change in Reactive variableMeteor blaze 模板不会在 Reactive 变量更改时重新渲染
【发布时间】:2020-07-07 01:44:31
【问题描述】:

场景:单击下拉按钮时应显示模型的字段。

模板:producer.html

<template name="producer">
    <li>
        <a href="{{producerName}}" >{{producerName}}</a>
        <button class="expand">&#8964;</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


    【解决方案1】:

    你的模板助手定义错了,应该是

    Template.producer.helpers({
        expanded() {
            return Template.instance().expanded.get();
        }
    })
    

    【讨论】:

      猜你喜欢
      • 2017-03-13
      • 2014-10-23
      • 1970-01-01
      • 2014-06-14
      • 1970-01-01
      • 2017-07-18
      • 2017-11-16
      • 2014-05-09
      • 2016-04-30
      相关资源
      最近更新 更多