cost 269 ms
滾動后cdk虛擬滾動需要時間渲染項目

[英]Cdk virtual scroll taking time rendering items after scrolling

我在cdk-virtual-scroll中使用擴展面板。 在擴展面板的 header 中,我必須顯示 4 個值,這導致滾動時渲染項目延遲近一秒。 當我嘗試在擴展面板的 header 中使用單個值時,它工作得非常順利,但是當我顯示 4 個值時,它會減慢滾動時呈現新項目的速度。 ...

向下滾動時出現 cdk 虛擬滾動問題,項目顯示緩慢,有時空白 2 秒

[英]cdk virtual scroll issue when ever scrolling it down items are getting displayed slowly and sometimes blank for 2 secs

我在項目中使用 angular 虛擬滾動,所以每當我向下滾動它時,項目正在加載但微秒閃爍嘗試使用 maxBufferPx 和 minBufferPx 和位置來修復但不工作需要任何解決方案 ...

百分比中的高度和寬度不適用於 cdk-virtual-scroll-viewport

[英]Height and width in Percentage is not working for cdk-virtual-scroll-viewport

我的應用程序中有一個cdk-virtual-scroll-viewport ,其中高度和寬度以百分比形式提供。 但它不起作用。 屏幕上沒有任何可見的東西。 當我們在px中給出height和width時,它就起作用了。 誰能弄清楚發生了什么? ...

如何將 cdk-virtual-scroll 與 ngx-infinite-scroll 一起使用

[英]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 在調整屏幕大小之前不會達到最大高度

[英]Angular cdk-virtual-scroll-viewport not taking max height until screen is resized

TLDR:有一個需要在虛擬滾動中的項目列表。 它工作正常,但只占用大約 30% 的可用空間,直到屏幕尺寸發生變化。 (使開發工具更大)。 在初始頁面加載時: 調整頁面大小后: 這是模板的精簡版: scss: 在查看 Angular chrome 工具后,似乎在頁面調整大小時觸發了 ngDo ...

Angular 材料虛擬滾動高度未正確調整

[英]Angular Material Virtual Scroll height not adjusting correctly

我在 Angular Material Sidenav 中有一個虛擬滾動元素,但這似乎會導致虛擬滾動渲染不正確。 我懷疑因為滾動是在“屏幕外”創建的,所以它不知道最終高度? 我之前曾嘗試連接事件以強制 checkViewportSize 但沒有改變。 對 ZC7A62​​8CBA22E28EB17B ...

視口大小更改時如何調整角度cdk虛擬視口高度

[英]How to resize angular cdk virtual viewport height when viewport size changes

我正在研究 Angular cdk 虛擬視口。 有沒有辦法自動調整滾動視口的高度? 所以在我的情況下,當視口大小增加時,視口底部會顯示一個空白區域,這是參考的類似示例 https://stackblitz.com/edit/components-issue-mxahst?file=app%2Fa ...

Primeng表虛擬滾動標題向上滾動時跳躍

[英]Primeng table virtual scroll header jumping while scrolling up

我有大量需要虛擬滾動的數據,我使用 PrimeNg v13.4.0 和 angular/cdk v13.3.7。 我對 PrimeNg 演示有完全相同的問題。 向下滾動時,粘性標題效果很好,但向上滾動時,它開始跳躍,滾動越快,跳躍越大。 有沒有人對此有任何解決方案? ...

如何使cdk虛擬滾動渲染表的項目

[英]how to make cdk virtual scroll render items of the table

我在加載服務(API)的表中使用CDK VIRTUAL SCROLL,該服務(API)返回一個列表,使用這個列表我可以分別刪除或返回它們的列以及它們的項目,但是當我從表中刪除所有列時要求返回,只是列正常返回,但他們的項目沒有! ...

為什么@angular/core/core 沒有導出成員'ɵɵFactoryDeclaration'。 使用 angular cdk 虛擬滾動條時拋出的錯誤

[英]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 cdk-virtual-scroll-viewport 在調用 getBoundingClientRect 時返回 0

[英]Angular cdk-virtual-scroll-viewport return 0 when calling getBoundingClientRect

我有一個包含在cdk-virtual-scroll-viewport中的表組件。 列單元格之一包含 '..更多的' 展開整行的選項。 但是當向上/向下滾動時,由於滾動視口的性質(用戶希望它保持展開),該行會折疊。 我通過添加display: contents解決了這個問題。 但這改變了彈出組件在表 ...

使用 CDK Virtual Scroll [Angular Material] 將寬度動態設置為內容的 100%

[英]Set width dynamically to 100% of content with CDK Virtual Scroll [Angular Material]

我嘗試實現一個包含 Angular 材料擴展面板列表的 Sidenav。 當我使用 ngFor 指令時,布局看起來很好,就像我想要的那樣。 正如您在圖像中看到的,它將視圖擴展為擴展面板內容寬度的 100%。 使用 ngFor-directive 布局。 Stackblitz 使用 ng-For- ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM