Tomasz Czajka

Angular Playground

Resource Sandbox

Practical playground for Angular resource(). Switch params, trigger reload, set local value, and observe how value, status, loading, and errors behave in real time.

Actions

Value Preview

Name: User 1

Email: user1@example.com

Resource Internals

userResource.isLoading(): false
userResource.status(): resolved
userResource.hasValue(): true
userResource.value(): {
  "name": "User 1",
  "email": "user1@example.com"
}
userResource.error(): undefined

Status Cheatsheet

idle: No valid request, so no loading. value() is undefined.

loading: New request in progress after dependency change. value() is undefined.

reloading: Refresh for same params. Previous value() stays available.

error: Loading failed and value() becomes undefined.

resolved: Loading completed and value comes from the loader.

local: Value set manually by .set() or .update().

Further Reading