Trung BìnhAngular iconAngular

Các lỗi hydration mismatch phổ biến trong Angular là gì?

Các lỗi phổ biến: render dựa vào Date.now()/random, đọc window hoặc localStorage khi server render, format ngày theo timezone khác nhau, mutate DOM bằng library ngoài Angular trước hydration, hoặc API trả data khác giữa server và client.

Guard browser-only code:

typescript
const platformId = inject(PLATFORM_ID)
if (isPlatformBrowser(platformId)) {
  localStorage.setItem("seen", "true")
}

Cách fix là làm render deterministic, dùng transfer cache/data, platform checks và defer DOM-dependent widgets.

Xem toàn bộ Angular cùng filter theo level & chủ đề con.

Mở danh sách Angular