Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Component which automatically handles infinite scrolling #3

Open
14 tasks
aaronczichon opened this issue Jun 19, 2024 · 0 comments
Open
14 tasks

Component which automatically handles infinite scrolling #3

aaronczichon opened this issue Jun 19, 2024 · 0 comments
Assignees
Labels
feature New feature that extends the functionality
Milestone

Comments

@aaronczichon
Copy link
Member

Customer Request

Is your feature request related to a problem? Please describe.
As a developer I want to use the infinite scrolling without handling the loading of new items manually (like with the directive). This should be automatically possible using a component.

Describe the solution you'd like
In the best case I simply can add a component which handles infinite scrolling. Here is a sample template which may can be a solution:

<ng-infinite-scroll [itemList]="items" [itemLoad]="10" [itemThreshold]="2">
<!-- your recurring component -->
<div *ngScrollItem><!-- I'm the recurring element! --><div>
</ng-infinite-scroll>

Additional context

  • itemList defines an array of all items which should be rendered.
  • itemLoad defines how many new items should be loaded when the scrolling point is reached
  • itemThreshold defines on which item we should load the next items starting from the bottom (2 means as soon as we reach the 2nd last item)
  • *ngScrollItem defines the looped items in the template provided by the infinite scrolling component

Internal

Definition of Ready Check

  • Test cases are added to the feature request
  • Breaking changes are documented and the impact is defined
  • A clear solution is outlined
  • Alternatives where discussed and documented
  • None general purpose solutions are documented and the implications are outlined
  • A clear user experience flow is defined

Definition of Done Check

  • Test cases were checked during the pull request review
  • Version update and changelog is updated
  • Automated tests and static code analyses ran without any issues
  • A new version is available for users to download
  • Follow up features are documented and linked to the original feature
  • Product owner is informed
  • The implemented changes can be verified in the example application
  • For technical changes a short description is either provided in the pull request or the original issue

Test Cases
Describe how this feature can be tested (manually, automated tests)

@aaronczichon aaronczichon self-assigned this Jun 19, 2024
@aaronczichon aaronczichon added the feature New feature that extends the functionality label Jun 19, 2024
@aaronczichon aaronczichon added this to the 1.0.0 milestone Jun 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New feature that extends the functionality
Projects
None yet
Development

No branches or pull requests

1 participant