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>
次に<demo-element></demo-element>
、DOM から を削除すると、(Chrome Devtools によると) H1 要素への参照を持つ分離された DOM ツリーになります。それpolymerWrapper
を参照しているのはのようです。
Polymer API リファレンスのドキュメントによると、フレームワークはアンバインドを自動的に処理する必要があります。これは機能していませんか、それとも誤解していますか?
これは将来ブラウザによって処理されるものですか、それともメモリをきれいに保つために Polymer のようなフレームワークに依存する必要があるのでしょうか? (だから私が求めているのは、これに関連する提案や基準があるかどうかです)