問題タブ [virtualscroll]

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.

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

angular - Angular cdk scrolling: ビューに表示されないデータ ソースの更新

これまでに無限スクローラーを構築する試みはすべて失敗しました。私が現在取り組んでいるコンポーネントは、Angular の仮想スクロールを使用しており、仮想スクロール ビューポートの特定のインデックスに達したときにデータ ソースを更新する必要があります。BehaviorSubject は実際に更新されますが、ビューに新しいバージョンが表示されません。

私のコンポーネントは次のようになります。

そして、ビューは次のとおりです。

これまでのところ、ChangeDetectorRef を使用して手動でトリガーするか、コードを -function で更新するように試みmonthsましたsetTimeout()が、どちらも機能しませんでした。

0 投票する
2 に答える
3516 参照

angular - cdkVirtualScroll と cdkTable を組み合わせるには?

固定ヘッダーを使用して動作する仮想スクロール テーブルを探しているので、素晴らしい Cdk を見つけましたが、ドキュメントを理解するのは非常に困難です。現在、 と を組み合わせようとしてCdkTableCdkVirtualScollます。

私が見つけたすべての実例はマテリアルテーブルを使用していますが、私は使用していません。

では、どうすれば仕事に就くことができるCdkVirtualScollでしょうか?これが私がこれまでに行ったことです(例から):

ドキュメントに書かれているように、テーブルはスクロール ビューポートにラップされました。しかし、今をどこでどのように設定でき*cdkVirtualForますか?

助けてくれてありがとう!