2016-07-05 5 views
1

https://github.com/shahata/angular-viewport-watchの指示に従って角度ビューポートウォッチディレクティブを使用しています。私が持っているアプリケーションは角度1.4.9に基づいています。ウォッチの数を減らさない角度のビューポートウォッチ

私には多数のアイテム(またはカード)があり、各カードには多くの時計があります。目に見えるカードの数は非常に少ないです。ただし、Angular viewport watchディレクティブの有無にかかわらず、ウォッチの数は変わりません。私は、ディレクティブを正しく使用し、JSファイルとモジュールの依存関係を追加したことを確信しています。私はキャッシュなどもクリアしました。私はコンソールエラーも見ません。これはChrome上です。

最近、誰かがAngular viewport watchディレクティブを使用していることを確認しています。任意のヒントやトリックは感謝しています。

答えて

1

ウォッチャーの数を減らすことはありませんが、ビューポートの外にあるウォッチャーを無効にするので、それらの処理で費やされる合計時間が短縮されます。

ウォッチャーの数を減らす正当な方法として、bind-onceの使用、式の数の削減、または仮想レンダリングの使用があります。

仮想リストの1つの例は、角度材料の仮想リピートです。 https://material.angularjs.org/latest/demo/virtualRepeat

関連する問題