我正在做一个角度项目,我已经实现了ngx-datatables以在表中显示数据。
我正在创建一个可以在多个组件中使用的通用包装器。
我想在调用组件时提供一个选项,以根据某些变量( isServerSide )确定是客户端还是服务器端(分页和排序)。
如果只有一个事件,我可以做类似的事情:
*ngIf="isServerSide" (page)='loadPage($event)'
我不基于单个标签的某些条件绑定多个事件。下面是我的代码:
<ngx-datatable class="material striped"
[columns]="columns"
[columnMode]="'force'"
[rows]="gridModel.Data"
[headerHeight]="'auto'"
[footerHeight]="'auto'"
[rowHeight]="'auto'"
[externalPaging]="true"
[externalSorting]="true"
[count]="gridModel?.TotalElements"
[offset]="gridModel?.CurrentPageNumber"
[limit]="gridModel?.PageSize"
[loadingIndicator]="gridModel?.isLoading"
(page)='loadPage($event)'
(sort)="onSort($event)">
</ngx-datatable>
export class GridModel<T> {
PageSize: number;
TotalElements: number;
TotalPages: number;
CurrentPageNumber: number;
SortBy: string;
SortDir: string;
Data: Array<T>;
isLoading: boolean = false;
isServerSide: boolean = false;
}