Tomasz Czajka

Angular 实验场

Resource 沙盒

Angular resource() 的实用实验场。切换参数、触发重新加载、设置本地值,实时观察 value、status、loading 和 errors 的行为。

操作

值预览

姓名: User 1

邮箱: user1@example.com

Resource 内部状态

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

状态速查表

idle: 无有效请求,因此不加载。value() 为 undefined。

loading: 依赖变更后的新请求。value() 为 undefined。

reloading: 相同参数的刷新。之前的 value() 仍然可用。

error: 加载失败,value() 变为 undefined。

resolved: 加载完成,值来自 loader。

local: 通过 .set() 或 .update() 手动设置的值。

延伸阅读