[英]Could someone please help me mock 'CdkVirtualScrollViewport' for infinite scrolling in angular?
@ViewChild('scroller') scroller!: CdkVirtualScrollViewport; constructor(private ngZone: NgZone) { } ngAfterViewInit(): void { this.unsub ...
[英]Could someone please help me mock 'CdkVirtualScrollViewport' for infinite scrolling in angular?
@ViewChild('scroller') scroller!: CdkVirtualScrollViewport; constructor(private ngZone: NgZone) { } ngAfterViewInit(): void { this.unsub ...
[英]Cdk virtual scroll taking time rendering items after scrolling
我在cdk-virtual-scroll中使用擴展面板。 在擴展面板的 header 中,我必須顯示 4 個值,這導致滾動時渲染項目延遲近一秒。 當我嘗試在擴展面板的 header 中使用單個值時,它工作得非常順利,但是當我顯示 4 個值時,它會減慢滾動時呈現新項目的速度。 ...
[英]ng-template with mat-table inside cdk-virtual-scroll-viewport
我正在嘗試使用 ng-template 中的內容在 cdk-virtual-scroll-viewport 中呈現,但出現錯誤 錯誤類型錯誤:無法在 TableItemSizeDirective.ngAfterContentInit (ng-table-virtual-scroll.mjs:186 ...
[英]cdk virtual scroll issue when ever scrolling it down items are getting displayed slowly and sometimes blank for 2 secs
我在項目中使用 angular 虛擬滾動,所以每當我向下滾動它時,項目正在加載但微秒閃爍嘗試使用 maxBufferPx 和 minBufferPx 和位置來修復但不工作需要任何解決方案 ...
[英]Height and width in Percentage is not working for cdk-virtual-scroll-viewport
我的應用程序中有一個cdk-virtual-scroll-viewport ,其中高度和寬度以百分比形式提供。 但它不起作用。 屏幕上沒有任何可見的東西。 當我們在px中給出height和width時,它就起作用了。 誰能弄清楚發生了什么? ...
[英]How to use cdk-virtual-scroll with ngx-infinite-scroll
我已經升級了我的 Angular 項目依賴項: @角/核心:^14.2.9 @angular/cdk: ^14.2.9 @角/材料:^14.2.6 ngx-無限滾動:~14.0.1 在那之后,無限滾動(帶虛擬化)停止工作。 我觀察到的是,如果scrollWindow屬性設置為false並且n ...
[英]Angular cdk-virtual-scroll-viewport not taking max height until screen is resized
TLDR:有一個需要在虛擬滾動中的項目列表。 它工作正常,但只占用大約 30% 的可用空間,直到屏幕尺寸發生變化。 (使開發工具更大)。 在初始頁面加載時: 調整頁面大小后: 這是模板的精簡版: scss: 在查看 Angular chrome 工具后,似乎在頁面調整大小時觸發了 ngDo ...
[英]Angular Material Virtual Scroll height not adjusting correctly
我在 Angular Material Sidenav 中有一個虛擬滾動元素,但這似乎會導致虛擬滾動渲染不正確。 我懷疑因為滾動是在“屏幕外”創建的,所以它不知道最終高度? 我之前曾嘗試連接事件以強制 checkViewportSize 但沒有改變。 對 ZC7A628CBA22E28EB17B ...
[英]How to resize angular cdk virtual viewport height when viewport size changes
我正在研究 Angular cdk 虛擬視口。 有沒有辦法自動調整滾動視口的高度? 所以在我的情況下,當視口大小增加時,視口底部會顯示一個空白區域,這是參考的類似示例 https://stackblitz.com/edit/components-issue-mxahst?file=app%2Fa ...
[英]Scroll flickering issue - using cdk-virtual-scroll with scroll-snap-type
賞金將在 2 天內到期。 此問題的答案有資格獲得+200聲望賞金。 bCliks正在尋找來自信譽良好的來源的答案: ...
[英]Primeng table virtual scroll header jumping while scrolling up
我有大量需要虛擬滾動的數據,我使用 PrimeNg v13.4.0 和 angular/cdk v13.3.7。 我對 PrimeNg 演示有完全相同的問題。 向下滾動時,粘性標題效果很好,但向上滾動時,它開始跳躍,滾動越快,跳躍越大。 有沒有人對此有任何解決方案? ...
[英]how to make cdk virtual scroll render items of the table
我在加載服務(API)的表中使用CDK VIRTUAL SCROLL,該服務(API)返回一個列表,使用這個列表我可以分別刪除或返回它們的列以及它們的項目,但是當我從表中刪除所有列時要求返回,只是列正常返回,但他們的項目沒有! ...
[英]How to track the scroll event of individual cdk-virtual-scroll-viewport
我正在使用cdk-virtual-scroll-viewport在我的應用程序中構建分頁滾動。 我有兩個cdk-virtual-scroll-viewport實例,想要跟蹤單個滾動事件並為單個滾動進行 API 調用。 如何做到這一點? Stackblitz URL https://stackb ...
[英]How can I Collapse/Expand Multiple Divs in ngx-virtual-scroll?
https://stackblitz.com/edit/angular-ngx-virtual-scroller-byykpn 這是我到目前為止所做的,現在我需要展開/折疊組 header 之后的所有 div。 ...
[英]Why is @angular/core/core has no exported member 'ɵɵFactoryDeclaration'. error thrown when using angular cdk virtual scroller
我在我的 ionic 5.3.3 項目中安裝了 CDK Virtual Scroller: 版本是:“@angular/cdk”:“^13.0.2” 滾動視口包含一個 ion-item-group: 視口 css 屬性: 當我構建項目時,出現以下錯誤: node_modules/@angular/ ...
[英]Angular virtual scroll not working correctly for nested for loop
Angular Material cdk-virtual-scroll-viewport屬性對於嵌套的*cdkVirtualFor或*ngFor無法正常工作。 視口一分為二,滾動無法按預期工作。 請協助在視口中與父母和孩子一起列出。 ...
[英]Angular cdk-virtual-scroll-viewport return 0 when calling getBoundingClientRect
我有一個包含在cdk-virtual-scroll-viewport中的表組件。 列單元格之一包含 '..更多的' 展開整行的選項。 但是當向上/向下滾動時,由於滾動視口的性質(用戶希望它保持展開),該行會折疊。 我通過添加display: contents解決了這個問題。 但這改變了彈出組件在表 ...
[英]Angular CDK Virtual Scroll - Items cut off at the bottom
當我滾動到滾動查看器的底部時,最后幾項被切斷。 我正在使用實驗性 cdk 並使用 autoSize。 <section id="main" class="section p-0"> <div class="container"> <ng-container *ngIf ...
[英]Is there a way to disable scroll in angular cdk-virtual-scroll?
我想防止滾動條在 cdk-virtual-scroll 中默認移動? 有辦法嗎? 我一直在研究很多,但沒有找到一種方法來做到這一點。 ...
[英]Set width dynamically to 100% of content with CDK Virtual Scroll [Angular Material]
我嘗試實現一個包含 Angular 材料擴展面板列表的 Sidenav。 當我使用 ngFor 指令時,布局看起來很好,就像我想要的那樣。 正如您在圖像中看到的,它將視圖擴展為擴展面板內容寬度的 100%。 使用 ngFor-directive 布局。 Stackblitz 使用 ng-For- ...