Material UIを非同期で追加したDOMに反映する方法

DOM要素描画後に以下を呼ぶと良いようです。

componentHandler.upgradeDom();

もしくは

componentHandler.upgradeAllRegistered();

この2つに違いはないっぽいです。

要素を指定する場合は以下のようなメソッドがあります。

componentHandler.upgradeElement(element);

参考

http://stackoverflow.com/questions/32159999/how-to-upgrade-material-design-lite-js-components-when-using-angular-routes

https://teratail.com/questions/17351

https://github.com/google/material-design-lite/issues/917

http://stackoverflow.com/questions/38549647/dynamically-created-getmdl-select-fields-drop-down-window-doesnt-close-on-clic

https://github.com/mebibou/mdl-selectfield/issues/15

http://temping-amagramer.blogspot.jp/2016_03_01_archive.html

AWS構築サービスの全てをまとめた資料を公開中

ハックノート(TOWN株式会社)では、AWSの導入や構築支援を行っています。AWS導入メニューやサービス詳細、構成例や費用を掲載した資料をダウンロードできます。

AWSの新規導入やAWSへの移行を検討の際は、ぜひご参考ください。


APNコンサルティングパートナー

TOWN株式会社はAmazon公認コンサルティングパートナーです。