javascript - 根据 bool 值切换 D3 形状

Question

我试图根据保存在 session 中的 bool 值在显示和隐藏 Meteor 中的 D3 形状之间切换。我的代码在这个 Meteorpad .

如果我手动更改代码中 session 的值并重新加载，形状将会切换。但是，当我通过单击按钮进行更改时，我无法切换形状，因为模板不会重新渲染。

编辑 - 已解决:

更新后的最终版MeteorPad

Answer 1

Template.Main.onRendered 的上下文不是 react 性的 - 这就是为什么您的代码不会在 Session 更改时执行。

更改此:

Template.Main.onRendered(function () {
    const self = this;

    ...
});

对此:

Template.Main.onRendered(function () {
    const self = this;

    this.autorun(function () {
        // reactive context here
        ...
    });
});