angular - 站点范围内可重用的 ngx-datatable 页脚模板
问题描述
在为 ngx-datatable ( https://github.com/swimlane/ngx-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>
解决方案
推荐阅读
- flutter - 如何在 Flutter 中使用 AppSync 公共查询
- database - 添加条件使查询变慢oracle
- javascript - 在 ReactJs 的映射函数中调用子组件
- python-3.x - “rasa init –no-prompt”返回 NotFoundError
- python - Python NEAT 似乎没有向前几代学习
- apache-kafka - 使用 Kafka Listener 与 Kafka Consumer 获取具有指定密钥的消息
- mysql - 如何发送多个选择 sql 查询?
- javascript - [Vue 警告]:v-on 处理程序中的错误:“InvalidStateError:尝试使用不可用或不再可用的对象”
- node.js - 通过 POSTMAN 的 HTTPS 连接失败
- html - 如何在我的引导导航栏上居中徽标