Material Design Lite无法完全与Angular2配合使用 [英] Material Design Lite not fully working with Angular2

问题描述

我有一个使用MDL构建的简单HTML模板.

I have a simple HTML template built with MDL.

当我将模板放入Angular2 App中时.元素的操作和点击不起作用

When I place the template into Angular2 App. Elements' actions and clicks are not working

例如:显示下拉列表或单击标签等不起作用.

E.g : Showing dropdowns or clicking tabs etc are not working.

我在 Developer Console 中看不到任何错误，并希望澄清为什么会发生此错误.

I cant see any errors in Developer Console and would like clarification on why this error is happening.

推荐答案

在 ngAfterViewInit()中调用 componentHandler.upgradeDom(); ，并在以后每次DOM被调用时调用修改:

Call componentHandler.upgradeDom(); in ngAfterViewInit() and each time later when the DOM was modified:

ngAfterViewInit() {
  componentHandler.upgradeDom();
}

另请参见 Material Design Lite工具提示无法使用角度2

这篇关于Material Design Lite无法完全与Angular2配合使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！