Многоразовый шаблон нижнего колонтитула ngx-datatable для всего сайта

При создании пользовательских шаблонов нижнего колонтитула для ngx-datatable (https://github.com/swimlane/ngx-datatable) я не хочу дублировать шаблон нижнего колонтитула на каждой странице, использующей datatable.

Каким будет способ angular2 создать шаблон многократного использования, который я мог бы использовать во всех своих таблицах данных?

<ngx-datatable-footer>
  <ng-template ngx-datatable-footer-template let-rowCount="rowCount" let-pageSize="pageSize" let-selectedCount="selectedCount"
               let-curPage="curPage" let-offset="offset" let-isVisible="isVisible">
    <div>
      Displaying {{((offset * pageSize) + 1).toLocaleString()}}-{{lastItemOffset().toLocaleString()}}
            of {{rowCount.toLocaleString()}} entries
    </div>
    <datatable-pager [pagerLeftArrowIcon]="'datatable-icon-left'" [pagerRightArrowIcon]="'datatable-icon-right'" [pagerPreviousIcon]="'datatable-icon-prev'"
                           [pagerNextIcon]="'datatable-icon-skip'" [page]="curPage" [size]="pageSize" [count]="rowCount" [hidden]="false"
                           (change)="table.onFooterPage($event)">
    </datatable-pager>
  </ng-template>
</ngx-datatable-footer>

вы можете создать компонент и использовать EventEmitter для запуска действий над родительскими компонентами, а также переменные Вход и выход для передачи в него данных

Juan 13.09.2018 18:48

Это подход, который я использовал, но он кажется очень подробным, поскольку вам нужно было добавить все переменные в шаблон, а затем в компонент, который шаблон обертывает.

Peter Karlsson 13.09.2018 20:37

Не могли бы вы объяснить, откуда берутся значения для ng-template? Например let-rowCount = "rowCount". Я видел несколько примеров, все они имеют одинаковые атрибуты и настройки, но я не могу найти ничего, что говорило бы мне, откуда берется значение "rowCount" или устанавливается.

Elijah 06.04.2020 21:47
2
3
803
0

Другие вопросы по теме