Material Design Lite 不完全适用于 Angular2

Question

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

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

例如：显示 dropdowns 或单击 tabs 等无效。

我在 Developer Console 中看不到任何错误，想澄清为什么会出现此错误。

Answer 1

在 ngAfterViewInit() 中调用 componentHandler.upgradeDom();，之后每次修改 DOM 时：

ngAfterViewInit() {
  componentHandler.upgradeDom();
}

另见

Material Design Lite not fully working with Angular2