Skip to main content
cngx-src documentation

CngxPaginatorLoadMore

ComponentOnPushNo encapsulationv0.1.0WCAG AA

projects/ui/paginator/segments/paginator-load-more.component.ts

Import#

import { CngxPaginatorLoadMore } from '@cngx/ui/paginator'

Description#

Load-more segment: an append-don't-replace trigger over the same brain.
One host.next() button plus a shown / total count readout. The cumulative slice is derived by the brain (host.cumulativeRange()); this segment holds no accumulation state - the consumer slices its own array from cumulativeRange().

Disabled (and so a no-op) on the last page or while busy.
aria-disabled (not native disabled) keeps the button focusable so AT hears the bound state, matching the nav segments; the busy/position reason is already spoken by the shell live region.

https://cngxjs.github.io/cngx/examples/#/ui/paginator/paginator-parts/load-more/button https://cngxjs.github.io/cngx/examples/#/ui/paginator/paginator-modes/load-more

Metadata#

Dependencies#

CNGX_PAGINATOR_HOSTinject()host

Relationships

Index#

Methods#

handleClick#void
Protected

Reveal the next page. Guarded so a disabled click is a no-op.