MDL：私は<code>let iSwitch = document.getElementById('interestedSwitch');</code></p> <p>を経由して、私のスイッチにアクセスすることができますJS

Question

を経由して「オン」にスイッチの状態を設定し、私は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(); 
     } 
    }