CngxPaginatorGoto

ComponentOnPushNo encapsulationv0.1.0WCAG AA

projects/ui/paginator/segments/paginator-goto.component.ts

Import#

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

Description#

Go-to-page segment: a native <input type="number">.
Navigation happens on commit only (Enter / blur) - never per keystroke, so a multi-digit entry survives async paging: navigating on the first digit would flip the brain busy and swallow the rest of the entry. The brain clamps out-of-range values; the commit re-syncs the field to the effective page unless the brain is busy (a busy commit is a no-op and the typed value must survive until the user can retry). Accessible name from config (EN default, Pillar 2).

https://cngxjs.github.io/cngx/examples/#/ui/paginator/paginator-parts/goto/input

Metadata#

Selector: cngx-pgn-goto
Export as: cngxPgnGoto
Change detection: ChangeDetectionStrategy.OnPush
Encapsulation: ViewEncapsulation.None

Dependencies#

CNGX_PAGINATOR_HOSTinject()host

Index#

Properties

config

Methods

commit

Instance Properties#

config#unknown

ProtectedReadonly

injectPaginatorConfig()

Methods#

commit#void

Protected

commit(event: Event)

Commit the typed page (Enter / blur). Navigation is commit-only: a per-keystroke setPage would flip the brain busy on async data after the first digit and swallow the rest of a multi-digit entry.

@parameventEvent