mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
docs: rename loadUser mock API to getUserData
This commit is contained in:
committed by
Andrew Kushnir
parent
e229328b39
commit
c6ca1cd725
+2
-2
@@ -15,7 +15,7 @@ Add `resource` to your existing imports and import the fake API function.
|
||||
// Add resource to existing imports
|
||||
import {Component, signal, computed, resource, ChangeDetectionStrategy} from '@angular/core';
|
||||
// Import mock API function
|
||||
import {loadUser} from './user-api';
|
||||
import {getUserData} from './user-api';
|
||||
```
|
||||
|
||||
</docs-step>
|
||||
@@ -28,7 +28,7 @@ userId = signal(1);
|
||||
|
||||
userResource = resource({
|
||||
params: () => ({id: this.userId()}),
|
||||
loader: (params) => loadUser(params.params.id),
|
||||
loader: (params) => getUserData(params.params.id),
|
||||
});
|
||||
```
|
||||
|
||||
|
||||
+2
-2
@@ -1,5 +1,5 @@
|
||||
import {Component, signal, computed, resource, ChangeDetectionStrategy} from '@angular/core';
|
||||
import {loadUser} from './user-api';
|
||||
import {getUserData} from './user-api';
|
||||
|
||||
@Component({
|
||||
selector: 'app-root',
|
||||
@@ -36,7 +36,7 @@ export class App {
|
||||
|
||||
userResource = resource({
|
||||
params: () => ({id: this.userId()}),
|
||||
loader: (params) => loadUser(params.params.id),
|
||||
loader: (params) => getUserData(params.params.id),
|
||||
});
|
||||
|
||||
isLoading = computed(() => this.userResource.status() === 'loading');
|
||||
|
||||
+1
-1
@@ -1,5 +1,5 @@
|
||||
// Mock API function for loading user data
|
||||
export async function loadUser(id: number): Promise<{name: string; email: string}> {
|
||||
export async function getUserData(id: number): Promise<{name: string; email: string}> {
|
||||
// Simulate network delay
|
||||
await new Promise((resolve) => setTimeout(resolve, 1000));
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
// TODO: Add the resource import from @angular/core
|
||||
import {Component, signal, computed, ChangeDetectionStrategy} from '@angular/core';
|
||||
import {loadUser} from './user-api';
|
||||
import {getUserData} from './user-api';
|
||||
|
||||
@Component({
|
||||
selector: 'app-root',
|
||||
|
||||
+1
-1
@@ -1,5 +1,5 @@
|
||||
// Mock API function for loading user data
|
||||
export async function loadUser(id: number): Promise<{name: string; email: string}> {
|
||||
export async function getUserData(id: number): Promise<{name: string; email: string}> {
|
||||
// Simulate network delay
|
||||
await new Promise((resolve) => setTimeout(resolve, 1000));
|
||||
|
||||
|
||||
Reference in New Issue
Block a user