問題タブ [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.
angular - Angular cdk scrolling: ビューに表示されないデータ ソースの更新
これまでに無限スクローラーを構築する試みはすべて失敗しました。私が現在取り組んでいるコンポーネントは、Angular の仮想スクロールを使用しており、仮想スクロール ビューポートの特定のインデックスに達したときにデータ ソースを更新する必要があります。BehaviorSubject は実際に更新されますが、ビューに新しいバージョンが表示されません。
私のコンポーネントは次のようになります。
そして、ビューは次のとおりです。
これまでのところ、ChangeDetectorRef を使用して手動でトリガーするか、コードを -function で更新するように試みmonths
ましたsetTimeout()
が、どちらも機能しませんでした。
angular - cdkVirtualScroll と cdkTable を組み合わせるには?
固定ヘッダーを使用して動作する仮想スクロール テーブルを探しているので、素晴らしい Cdk を見つけましたが、ドキュメントを理解するのは非常に困難です。現在、 と を組み合わせようとしてCdkTable
いCdkVirtualScoll
ます。
私が見つけたすべての実例はマテリアルテーブルを使用していますが、私は使用していません。
では、どうすれば仕事に就くことができるCdkVirtualScoll
でしょうか?これが私がこれまでに行ったことです(例から):
ドキュメントに書かれているように、テーブルはスクロール ビューポートにラップされました。しかし、今をどこでどのように設定でき*cdkVirtualFor
ますか?
助けてくれてありがとう!