Lite无法完全与Angular2配合使用

Lite无法完全与Angular2配合使用

本文介绍了Material Design Lite无法完全与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配合使用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-12 13:53