角度条件事件绑定

时间:2018-07-09 06:04:52

标签: angular angular6 ngx-datatable event-binding

我正在做一个角度项目,我已经实现了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;
}

0 个答案:

没有答案