p-table error , ExpressionChangedAfterItHasBeenCheckedError

[eloy.silva]

in this code :

Code: Select all

 p-table [value]="datasource"  [lazy]="true" (onLazyLoad)="loadData($event)" [paginator]="true" [rows]="PageSize"
       
        

generates error when using property [lazy] = true

Code: Select all

ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'undefined'. Current value: 'true'.. Find more at https://angular.io/errors/NG0100
  

I would greatly appreciate your help

Thanks

[eloy.silva]

the solution i found is:

Code: Select all

import { ChangeDetectorRef, Component, OnInit } from '@angular/core';

Code: Select all

  ngAfterViewInit() {
    this.cd.detectChanges();
  }

[ahmtfrkasln]

I implemented basic lazy-load example (without filtering) but unfortunately I get same error because of "loading" property.
https://primeng.org/table#lazy-load

Code: Select all

<p-table [value]="movies" styleClass="p-datatable-striped" [tableStyle]="{'min-width': '50rem'}" [lazy]="true" (onLazyLoad)="loadMovies($event)" [loading]="loading">

Code: Select all

ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'false'. Current value: 'true'. Expression location: ListDataComponent component. 

Thanks for sharing your solution. It has solved my problem but I really don"t understand, why this problem happens and why it has not been solved by primefaces yet.