MDL: Установить состояние переключателя в положении «включено» с помощью JS

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(); 
     } 
    }