Primeng: DataTable: Expression has changed after it was checked

[dboldureanu]

Running Angular 2, through angular-cli, in _development mode:_

error_handler.js:47 EXCEPTION: Error in ./EntriesComponent class EntriesComponent - inline template:0:0 caused by: _Expression has changed after it was checked._ Previous value: ...

On selection DataTable adds the "_$visited": true which fails the verification _"that no bindings have changed since the end of the first, as this would indicate that changes are being caused by change detection itself."_

Please check https://github.com/angular/angular/issues/6005#issuecomment-165905348 for more details

When using the _enableProdMode();_ the verfication and thus the exception, as noted in the reference, is not triggered.

[dboldureanu]

One thing that worked for me was to call ChangeDetectorRef.detectChanges() inside the onRowSelect.

<p-dataTable [value]="entries" ... (onRowSelect)="onRowSelect($event)">

import {ChangeDetectorRef} from "@angular/core";

constructor(private changeDetectorRef: ChangeDetectorRef) { }`

onRowSelect(event) {
     this.changeDetectorRef.detectChanges();
}

[ghost]

Call ChangeDetectorRef.detectChanges() into onRowSelect() method worked for me!
Thank you!

[Mrtcndkn]

Please try with the latest PrimeNG version and comment if the issue still persists.

[Z2l0]

don't need to modify templates, just add the following method to component:

ngAfterViewChecked() {
    this.changeDetectorRef.detectChanges();
}

also work for me

[zkewal]

This is still not working for me. I am using version 4.1.0-rc.2

[Mrtcndkn]

How can I replicate the problem @zkewal ?

[zkewal]

Hey, I tried to build a plunker example for you but found out that it was working there. Then installed primeng again in my project and now it is working. Thanks for your quick response.

[Mrtcndkn]

Glad to hear that. @zkewal

[brusselseGiraf]

I actually got this bug by doing {{ selectedRow | json }}