0

DOM から削除された後でも、実行時間の長いビデオ ストリームを参照する <img> タグがサーバー接続を消費する原因となる、Chrome で報告されたバグを回避しようとしています。

Meteor アプリに、src URL のリアクティブ変数を指す <img> タグがあります。これは、他の多くのリアクティブ変数を含むテンプレート内に存在します。

問題は、これらの他の変数のいずれかが変更されるたびに、Meteor がイメージ タグを含むテンプレート全体を再レンダリングすることです。イメージタグが削除されても、前述のバグにより、サーバーへの接続が維持されます。その結果、テンプレートを 4 回更新した後、サーバー接続が不足し、画像にビデオが表示されなくなりました。

Meteor がページのこの部分を更新しないようにしながら、その反応性を維持する方法はありますか? 画像を独自のテンプレートに入れ、より大きなテンプレートのテンプレートを含めようとしましたが、サブテンプレートでさえ再レンダリングされます。テンプレートのコンテンツはリアクティブでなければならないため、{{#constant}} を使用したくありません。無関係なものが変更されたときではなく、いつ再レンダリングされるかを制御したいだけです。

他のアイデアはありますか?前もって感謝します!

4

1 に答える 1

1

{{#isolate}} を使用すると、リアクティブを使用するブロックの周りでのみコードが変更されます。

{{#isolate}}{{yourhelper}}{{/#isolate}}

この{{#isolate}}ブロック内のすべてが再レンダリングされますが、残りは別のものと見なされます。画像が問題の原因となるヘルパーから分離されるように調整できます。

間もなく登場する新しい Meteor-UI では、これを行う必要はありません :)

于 2013-11-05T21:46:29.113 に答える