2016-11-18 4 views
0

私は外部ソース(java eeサーバー上のqrcode)からイメージを作成しています。私のAngular2アプリが画像のデータを更新すると、すべてがサーバー上で更新されますが、結果として得られる画像は角形アプリで更新されません。私は現在zone.runを実行していますが、イメージをリフレッシュするようには見えません。ページ全体がリフレッシュされても問題ありません(たとえば、location.reloadを置いた場合など)。誰も、外部ソースから画像を適切にリフレッシュする方法はありませんか?角2画像がゾーン実行でリフレッシュしない

テンプレートはこれを持っている:

 <img [src]=url /> 

コンポーネントは、このあります

 this.zone.run(()=>{ 
      this.url = QRURL + this.selectedProduct.id; 
     }); 

QRURLは、画像の生成を実行するサーバのURLが含まれて一定です。

+0

ゾーンを自分で実行する必要はありません。これはキャッシュの問題か構文に関するものです( ''は ''にする必要があります。 'this.zone.run'の周りにいくつかのコードを書いてください、より多くの文脈が必要です – Maxime

+0

キャッシュに問題がある場合は、あなたのURLは: 'this.url = QRURL + this.selectedProduct.id + '?' + new Date()。getTime();'。このようにして、あなたのブラウザは(タイムスタンプのために)いくつかのキャッシュにヒットしません。 – Maxime

答えて

0

引用符では修正されませんでしたが、Maximeの2番目のコメントは修正されました。私の常時は、クエリ文字列がありました。そのため、日付の項目を別のパラメータとして追加しました。それはトリックを行い、zone.runを取り除くことができました。最終的な変数は次のようになります。

 this.url = QRURL + this.selectedProduct.id + '&date=' + new Date().getTime(); 

ありがとうございます!

関連する問題