angular / angular/components

Angular Material CDK scrolling - Display a million items is not working...

Đang mở
#23,174 7 bình luận 0 reaction 0 người được giao Xem trên GitHub
area: cdk/scrolling help wanted P3
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

How to Reproduce:
- Take the first example from https://material.angular.io/cdk/scrolling/examples open it in stackblitz an display 1 Mio instaed of 100,000
- Scroll down to the end. The last item displayed is 213,043

Cause:
- Maximum height of single Elements in Browsers

Possible Solution:
- Use more than one element inside the ViewPort to render Items

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu với ví dụ cuộn CDK đầu tiên tại https://material.angular.io/cdk/scrolling/examples trong StackBlitz và tái hiện lỗi với 1.000.000 phần tử. Đọc hành vi của viewport xung quanh chiều cao phần tử tối đa của trình duyệt được báo cáo và đánh giá cách tiếp cận kết xuất nhiều phần tử được đề xuất; hoàn thành khi thao tác cuộn đến và hiển thị phần tử cuối cùng.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
frontend, performance
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.