MDL在动态网站上降级

问题描述

我们有一个适用于MDL的旧的基于ajax的GUI。
整个页面内容是动态构建的（来自xml描述）。

We have a old large ajax based GUI adapted to MDL.The whole page content is build dynamically (from xml description).

componentHandler.downgradeElements( /all old notes/ ;
remove all old notes form DOM
add new page content to DOM
componentHandler.upgradeAllRegistered();

这样可以正常工作，但是如果组件 MaterialLayout 是动态创建的，它会泄漏内存。
使用删除了内部引用。

内存泄漏的原因是组件 MaterialLayout 将一个监听器添加到MediaQueryList（MDL 1.1）。

This works fine, but it leaks memory if the component MaterialLayout is alos created dynamically .With the "downgrading fix (#2009" the internal references are removed.
The reason for the memory leak is that the component MaterialLayout adds a listener to the MediaQueryList (MDL 1.1).

 this.screenSizeMediaQuery_.addListener(this.screenSizeHandler_.bind(this));

在MDL 1.1.2中，添加了两个Windows事件处理程序，导致同样的问题。

In MDL 1.1.2 there are two windows event handler added which lead to the same problem.

window.addEventListener('pageshow', function (e) { ... } );
...
window.addEventListener('resize', windowResizeHandler);

downgradeElements 不会删除此侦听器。因此DOM元素不是GC。

This listeners are not removed by downgradeElements. And therefore the DOM elements are not GC.

问题：

• 是吗没有缩进以删除元素 MaterialLayout ？


• 我在这里做的完全错了吗？


• 这是MDL问题吗？


• 是否有解决方法而不更改MDL代码？

• Is it not indented to delete the element with MaterialLayout?
• Is it completely wrong what I doing here?
• Is this an MDL issue?
• Is there a workaround without changing MDL code?

推荐答案

MDL有一个问题报告

There was a issue report for MDL Layout downgrade #1340

最终结论是：

MDL适用于1.x的无状态站点。在布局组件的初始构建期间，不会破坏整个布局。

所以正确答案是：

不缩进使用MaterialLayout for MDL 1.x删除元素。

其他信息：

For一个hack解决（测试）我删除了从material.js添加MediaQueryList监听器（仍然是1.0.4，deconstructComponentInternal形式1.1.2）。这似乎适用于我们的解决方案。到目前为止，我没有发现任何缺点（在我们的解决方案中）。

Additional information:
For a hack work around (for testing) I removed adding the MediaQueryList listener from material.js (still 1.0.4 with deconstructComponentInternal form 1.1.2). This seems to work for our solution. I did not found any drawbacks (again in our solution) up to now.

这篇关于MDL在动态网站上降级的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！