ポリマードームリピートが配列の変更を反映していない

Question

ハイチャートをラップするカスタム要素（https://github.com/avdaredevil/highcharts-chart）でドミノリピートテンプレートを使用しようとしています。それは、データが変更されたときを除いて、主に動作しています。グラフに反映されていません。

DOMリピートテンプレート：私はラインthis.set('chartOptions', []); DOMリピートを削除した場合

observers: [ 
    'buildChartOptions(scenarios)', 
], 
buildChartOptions(scenarios) { 
    var i = 0; 
    this.set('chartOptions', []); 
    for (i = 0; i < scenarios.length; i += 1) { 
    this.push('chartOptions', buildCustomChartOptions(scenarios[i])); 
    } 
}, 

：

<template id="scenarioCharts" is="dom-repeat" items="{{chartOptions}}" as="chartOption"> 
    <highcharts-chart highchart-options="{{chartOption}}" /> 
    </template> 

ポリマーコードは（真の通知を持つプロパティである）chartOptionsを構築します古いものを保持し、新しいグラフを追加します。私もsplicesとnotifySplicesで多くの異なることを試しましたが、古いチャートが新しいものに置き換えられているという希望の結果を生む運がなかった。

ありがとうございました

Answer 1

私はtony19と同じバグを参照します。私はおそらく、ローカル配列を作成し、それを移入し、このように、再びそれを設定したいけれども

あなたのコードは、良い回避策のようだ：

buildChartOptions(scenarios) { 
    var newArray = []; 
    for (var i = 0; i < scenarios.length; i += 1) { 
    newArray.push(buildCustomChartOptions(scenarios[i])); 
    } 
    this.set('chartOptions', newArray); 
} 

別の方法としては、への変更をプッシュするだろう配列を作成して、this.$.scenarioCharts.render();を実行して、dom-repeatを強制的にレンダリングします。

さらに

buildChartOptions(scenarios) { 
    for (var i = 0; i < scenarios.length; i += 1) { 
     this.push('chartOptions',buildCustomChartOptions(scenarios[i])); 
    } 
    this.$.scenarioCharts.render(); 
} 

、それはあなたの質問には関係しませんが、私はこのようなポリマーで関数を宣言するお勧めします：

あなたは、私はそれがうまくいくか分からない、しかし、それを試してみる必要があるだろう

buildChartOptions: function(scenarios) { }

代わりの

buildChartOptions(scenarions) { }

私は時々あなたがやった同じことを忘れてください、結果はInternet ExplorerやFirefoxとの互換性の問題です...しかし、あなたが示唆したようにすれば、すべて正常に動作します。