Trung BìnhAngular iconAngular

Resolver trong Angular Router dùng khi nào?

Resolver fetch hoặc chuẩn bị data trước khi route activate, giúp component nhận data đã sẵn sàng và xử lý loading/error ở routing layer.

Ví dụ functional resolver:

typescript
export const userResolver: ResolveFn<User> = route => {
  const api = inject(UserApi)
  return api.getUser(route.paramMap.get("id")!)
}

Dùng resolver khi màn hình không có ý nghĩa nếu thiếu data chính, như detail page cần entity theo id.

Không nên dùng cho mọi request; data phụ hoặc có thể stream sau khi render thì fetch trong component/store để route chuyển nhanh hơn.

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

Mở danh sách Angular