javascript - MDL を使用して動的に構築された入力が正しくレンダリングされない

Question

私は次のコードを持っています、

var loginForm = document.createElement('div');

loginForm.className = 'row';

loginForm.innerHTML = '<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label textfield-demo"><input class="mdl-textfield__input" type="text" id="login" /><label class="mdl-textfield__label" for="login">Username</label></div>';

document.getElementById('page-content').appendChild(loginForm);

問題は、JavaScript 関数が既に実行されているため、入力が正しくスタイル設定されていないことです。

これを機能させるために呼び出す必要があるJavaScript関数は誰ですか? 試しMaterialTextfield.prototype.init()ましたが、何も変わりませんでした。

Answer 1

ソースコードを掘り下げ続けたところ、componentHandler.upgradeDom(). この関数を実行すると、すべての動的要素が固定されます。