MDL: Schalter Zustand auf „on“ über JS

Question

ich meinen Schalter über let iSwitch = document.getElementById('interestedSwitch'); zugreifen kann

ich bei Github sah und fand die Methode MaterialSwitch.on(), aber iSwitch.MaterialSwitch.on(); ist nicht definiert. iSwitch.checked = true; hilft auch nicht. Ich benutze AngularJS, wenn dies eine Ursache des Problems sein könnte.

Answer 1

Angenommen, interestedSwitch ist das Eingabeelement mit der Klasse mdl-switch__input, Sie müssen auf das übergeordnete Element zugreifen. Dies sollte das Etikett mit mdl-js-switch (mit MaterialSwitch Komponente) sein. Dann können Sie versuchen, etwas wie:

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