Extends the ion-infinite-scroll component.

Adds accessibility functionality. Place a hylo-sr-only component inside to have meaningfull screen reader readout.

Sets the focus to the last focused element wrapped by the listWrapper element when the "complete" function gets called.

Needs to be placed inside a hylo-content component.

Properties

checkAtInitialisation: boolean = true

If set, calls complete() at initialisation.

completeDelay: number = 1000

The delay in millisecond the "complete" function takes to execute.

disabled: boolean = false

See ion-infinite-scroll.

focusScope: string | HTMLElement

If set, the focus is set to the last focused element after new elements got added (the "complete" function got called) only when the current focused element is a child of this element or is this element itself.

Can be a string which represents a css query selector or a html element.

listWrapper: string | HTMLElement

An element which wraps the dynamicly loaded elements. Is needed to set the focus to the last focused element after new elements got added (the "complete" function got called). Only elements wrapped by this element are considered.

Can be a string which represents a css query selector or a html element.

position: "top" | "bottom" = "bottom"

See ion-infinite-scroll.

threshold: string = ""

If no threshold is defined, only the loading state will be shown and no functionality will apply. Otherwise see ion-infinite-scroll.

Methods

  • See ion-infinite-scroll. In addition, the function also checks if the component already passed the threshold when called. Gets executed with a "completeDelay" millisecond delay to give the DOM time to build.

    Returns Promise<void>

Events

ionInfinite: EventEmitter<any>

See ion-infinite-scroll.

Generated using TypeDoc