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">.
Typing (or the spinner) navigates live via input; Enter / blur additionally clamp and re-sync the field. The brain clamps out-of-range values, so the field reflects the clamped page back. 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 navigate

Instance Properties#

config#unknown

ProtectedReadonly

injectPaginatorConfig()

Methods#

commit#void

Protected

commit(event: Event)

@parameventEvent

navigate#void

Protected

navigate(event: Event)

Live navigation on every keystroke / spinner step - no field re-sync, so typing is never interrupted; the clamp re-sync happens on commit.

@parameventEvent