如何在避免分离的DOM树的同时删除自定义元素?

时间:2014-05-06 08:39:30

标签: dom polymer web-component

我正在使用Polymer来创建自定义元素(Web组件),并且在从DOM中删除它们时遇到了问题。说我有这样一个元素:

<link rel="import" href="../polymer/polymer.html">

<polymer-element name="demo-element">
    <template>
        <h1 on-tap="{{ titleTap }}">A custom demo element</h1>
    </template>
    <script>
        Polymer('demo-element', {
            titleTap: function() { // do something }
        });
    </script>
</polymer-element>

然后从DOM中删除<demo-element></demo-element>时,我将得到一个分离的DOM树,其中引用了H1元素(根据Chrome Devtools)。在我看来,它是引用它的polymerWrapper

根据Polymer API reference中的文档,框架应该自动处理unbind。这不起作用还是我误解了?

这是未来将由浏览器处理的东西还是我们需要依赖像Polymer这样的框架来保持我们的内存清洁? (所以我要问的是,是否有任何与此有关的提案或标准)

0 个答案:

没有答案