mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
docs: rename loadUser mock API to getUserData
This commit is contained in:
parent
e229328b39
commit
c6ca1cd725
5 changed files with 7 additions and 7 deletions
|
|
@ -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),
|
||||
});
|
||||
```
|
||||
|
||||
|
|
|
|||
|
|
@ -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,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,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,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));
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue