Polymerは直ちに汚れチェックと割り当てを行った後、完全なdom-repeatを実行します

Question

私はサブプロパティを含む配列を持っています。サブプロパティもオブジェクトとサブ配列です。

サーバからAPIレスポンスを受け取ったときにdom-repeatを使用して表示していましたが、同じフォーマットの別のAPIレスポンスを値のマイナーチェンジで取得した場合、古い配列を新しい

<template is="dom-repeat" items="{{arr}}"> 
//paper list codes for display 
</temlate> 

    this.arr = []; 
    this.arr = newArrayFromResponse; 

のようにチェックしますが、私はこれだけで、いくつかの論文リストを行う際に汚れを持つ配列は DOM-repeatがすべてのノードを作成しません、それだけでその値が変更されているこれらのノードを更新します、その値が変更された更新します。

this.arr = [];のような配列を消去すると、この場合、すべてのノードが破棄されます。

ただし、すぐにもう一度割り当てを変更するとノードが更新されます。

すべてのノードをクリアしてdom-repeatをゼロから実行する方法はありますか？ 私はポリマーアレイの変異とレンダリング（）関数を試して、うまくいかなかったhttps://github.com/Polymer/polymer/issues/4041を挙げました!!毎回 それは空白の画面のように、最初にレンダリングし、即時

Answer 1

をレンダリングしているよう

は、私は同様の方法でDOMリピートをレンダリングする必要がある私は、ポリマーは、いくつかの値が変更されていないことを検出したと考えると、いくつかのパフォーマンスの最適化がありますハプニング。新しい値を非同期に設定してみることもできます。

this.arr = []; 

this.async(function() { 
    this.arr = newArrayFromResponse; 
}); 

なぜこのコードは動作しませんか？正確に知るには、ポリマーコードを調べる必要があります。私の推測では、Polymerは各割り当て後にすぐにDOMをthis.arrに更新するのではなく、少し後にDOMを更新するということです。それが更新されると、あなたの解決策ではthis.arr = newArrayFromResponseが発生し、空の配列は決してレンダリングされません。 Polymerはおそらくまだ古い配列のコピーを持っていて、いくつかの新しい項目を持つ同じ配列であり、新しい項目を追加するだけであることを認識しています。私の解決策はごくわずかな遅延をもたらす。したがって、Polymerは空の配列をレンダリングし、後で新しいものをレンダリングします。