MDL：通过JS将Switch状态设置为“on”

Question

我可以通过let iSwitch = document.getElementById('interestedSwitch');

访问我的开关

我查看了github并找到了方法MaterialSwitch.on()，但iSwitch.MaterialSwitch.on();未定义。 iSwitch.checked = true;也无济于事。 我正在使用AngularJS，如果这可能是问题的根源。

Answer 1

假设interestedSwitch是具有类mdl-switch__input的输入元素，则需要访问父元素。这应该是mdl-js-switch标签（带有 MaterialSwitch 组件）。然后你可以尝试类似的东西：

if(parent) {
        if(parent.MaterialSwitch && parent.MaterialSwitch.checkToggleState) {
            /* update MDL state if it was changes form javascript */
            parent.MaterialSwitch.checkToggleState();
        }
    }