問題タブ [angular-cdk-virtual-scroll]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

90 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
430 参照

primeng - p-virtualScroller の空のリスト項目とスクロールバーの問題

スクローラーを使用したデータのロードを実装するためにprimeng p-virtualScrollerを使用しています。正常に動作していますが、次の問題に直面しています。以下は、私がHtmlで使用しているコードです:

以下は、説明したい問題です（スクリーンショットを参照） ここに画像の説明を入力

0 投票する
1 に答える
812 参照

angular - CdkVirtualFor と templateCacheSize でソートを機能させる

Angular のリストにCdkVirtualForOfを実装し、その templateCacheSize を 150 に設定してパフォーマンスを向上させました。

しかし、データを並べ替えてスクロールすると、キャッシュされたテンプレートがビュー内のアイテムを台無しにします。つまり、データを並べ替えると、リストが正しく更新されます。次に下にスクロールしますが、もう一度上にスクロールすると、テンプレート キャッシュが原因でリストのエントリが正しくありません。

この「問題」は、こちらの GitHub で報告されています。

テンプレートキャッシュを無効にしてみましたが、これで問題は解決しましたが、リストのパフォーマンスが非常に悪くなり、ほとんど使用できなくなりました。

そう...

これをどのように扱うのですか？cdkVirtualFor テンプレート キャッシュを更新する方法はありますか? または、cdkVirtualFor で並べ替えを機能させる別の方法はありますか?

ミニマルリプロを作ってみたのですが、有効にしたのにテンプレートキャッシュが動きません。参照用にここに残します。または、再現を機能させる方法を誰かに教えてもらえれば。

https://stackblitz.com/edit/angular-ivy-wzfnem?file=src%2Fapp%2Fapp.component.html


12345678910