Skip to main content
cngx-src documentation

CngxPaginatorLoading

Directivev0.1.0WCAG AA

projects/ui/paginator/paginator-loading.directive.ts

Import#

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

Description#

Overrides the paginator's built-in busy indicator. Project a structural *cngxPaginatorLoading template inside <cngx-paginator> and the shell renders it - instead of the default <cngx-progress> bar - while the bound async state is busy. Resolution cascades instance slot -> CngxPaginatorConfig.templates.loading -> built-in CngxProgress.

<cngx-paginator [state]="state">
  <ng-template cngxPaginatorLoading>
    <my-branded-spinner />
  </ng-template>
  <cngx-pgn-pages />
</cngx-paginator>

https://cngxjs.github.io/cngx/examples/#/ui/paginator/paginator-parts/loading/busy

Metadata#

Dependencies#

TemplateRefinject()templateRef