Primeng 加载图标未更新

Question

我正在使用 primeng turbo table 延迟加载并启用加载属性它没有得到更新甚至得到更新

<p-table #dt [loading]="loader" [columns]="cols" [value]="datasource.merchants" [rows]="perPage" [paginator]="true" [pageLinks]="5"
      [lazy]="true" [totalRecords]="datasource.totalCount" (onLazyLoad)="loadLazyData($event)" [exportFilename]="'merchant-list'">
.....

脚本

loadLazyData(event: LazyLoadEvent) {    
    if (event.first !== this.searchParams.offset || event.rows !== this.searchParams.limit) {
      this.loader = true;
      this.searchParams.offset = event.first;
      this.searchParams.limit = event.rows;
     this.apiService.getResponse(this.smartSearchParams.query, event.first, event.rows)
          .subscribe((result) => {
            this.datasource = result;
            let newArray = result.merchants.slice();
            this.dataTable.value = newArray;
            setTimeout(() => {
              this.loader = false;
              this.dataTable.loading = this.loader;
            });
          }, (err: any) => {
            setTimeout(() => {
              this.loader = false;
              this.dataTable.loading = this.loader;
            });
          });

      }

谁能帮我解决这个问题

Answer 1

问题出在组件 changeDetection 上。

我已经从我的组件中删除了 changeDetection:ChangeDetectionStrategy.OnPush 它开始工作了

Primeng 加载图标未更新

Primeng loading icon is not updating

lazy-loading

angular5

primeng

primeng-datatable