Polymer.prototype.splice行爲不如預期

Question

我正在做陣列突變聚合物的陣列突變方法。

this.allRules = [{name: "abc", enabled: true}];  

    var item = this.allRules[index]; 
    item.name = "abcdxfdsa"; 
    item.enabled = enabled; 

    // console log out [Object] 
    console.log(this.allRules); 
    this.splice('allRules', index, 1); 
    // Instead of logging out [], it logs out [splices: Object] 
    console.log(this.allRules); 
    this.push('allRules', item); 
    // It logs out [Object, splices: Object] 
    console.log(poly.allRules); 

而令人討厭的是這個。當我將this.allRules綁定到dom-repeat模板（如下面的模板）中時，當更新的綁定數據時，它顯示拼接的項目而不是新添加的項目。所以在拼接和推送之後，我沒有得到"abcdxfdsa"作爲項目名稱，而是獲得了abc，這是拼接前的值。這裏是一個示例dom-repeat數據綁定的鏈接。 Polymer dom-repeat how to notify array updated

Answer 1

實際上該項目應該從數組中刪除。第二次註銷爲[splices: Object]只是爲了顯示有關此數組的更多信息，因爲它有一個名爲splices的屬性。如果你在Firefox中運行同樣的東西，你仍然會看到[object]，所以我想這只是Chrome控制檯的幫手。

來獲取值進行更新，一種方式是包裝一個this.async方法裏面this.push電話。

this.async(function() { 
    this.push('allRules', item); 
    console.log(item); 
    console.log(this.allRules[0].name); 
    // returns 1, meaning it's filled with one item again 
    console.log(this.allRules.length); 
    }); 

看看這個plunker爲工作示例。