ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for '@dialogContainer': 'enter'. Current value: 'exit'.

Error di Angular 9

Hello all dev.. How are you? i hope we fine anywhere and anytime, ok langsung saja,,, di sini saya mau share,,

Saya mendapatkan error saat develop apps dengan angular 9 seperti di bawah ini:

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for '@dialogContainer': 'enter'. Current value: 'exit'.

kenapa muncul error tersebut?

jawaban:
disini saya ingin menampilkan data detail ke sebuah popup/modal
(menggunakan mat-dialog untuk menampilkan component dialog), ketika saya close dialog nya dan saya klik button show dialog lagi untuk menampilkan dialog nya keluarlah error tersebut,,
itu karena di code saya :

this.dialogRef.close();

ini saya letakkan dibagian ngAfterContentInit()

jadi ketika saya tekan button show dialog lagi,,,dialog tersebut berstatus exit dan muncul error tersebut..

Solusi :
saya mengganti code tersebut di even klik button yang di modal dialognya,, dalam kasus saya, event klik button memanggil fungsi onConfirm(),
sehingga menjadi seperti ini :

onConfirm(){
     this.dialogRef.close();
}


alhasil,,,setelah close dialog trus klik button show dialog program berjalan seperti yang di harapkan.

NB: sampai saat ini belum menemukan error lagi dengan merubah code tersebut ..gak tau kalo ntar 😅

Baik cukup sekian postingan kali ini semoga bermanfaat,,
Happy Coding & Good Luck In Our Life..