聚合物重置屬性

Question

我在聚合物中使用[[]]結合。 它們是獲取第一個Object的方式/函數，就像渲染一樣？

我的問題是我更改了元素中的對象，然后我想將元素重置為內部更改之前的元素。 我想深入復制對象但是它會對對象上的聚合物函數產生問題。

<custom-elem item=[[item]]></custom-elem>

在原始

item={a:123,b:234}

在自定義元素中，我將item的值更改為

{a:241,b:382}

如何在custom-elem中獲取原始項目？

謝謝。

Answer 1

我能想到兩個解決方案

1. 分配如下的值

    <custom-elem item-orginal=[[item]] item=[[item]]></custom-elem> 

在您的自定義元素中，當您想要重置項目時，調用一個將重置該值的函數。

resetItem: function() {
  this.item = this.itemOriginal
}

2. 在custom-elem中，只要您想重置值，就會觸發自定義事件，如下所示。

    resetItem: function() { this.fire('custom-item-reset') } 

在主機中，偵聽此事件並重置項值。

<custom-elem id="customElem" item=[[item]] on-custom-item-reset="resetCustomItem"></custom-elem>

resetCustomItem: function() {
  this.$.customElem.item = this.item;
}

編輯：代碼格式不清楚。 所以做了一些修改。