根据布尔值切换D3形状

Question

I am trying to toggle between showing and hiding a D3 shape in Meteor, depending on the value of a Boolean, saved in a Session. My code is in this Meteorpad .

If I change the value of the Session in the code manually and reload, the shapes will toggle. However, I can't get the shapes to toggle when I change by clicking the buttons, since the template does not re-render.

EDIT - RESOLVED:

Updated final MeteorPad

Answer 1

Context of Template.Main.onRendered is not reactive - that's why your code is not being executed on Session changes.

Change this:

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

    ...
});

to this:

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

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