projects.effects.ts
angular/examples/advanced/state/projects.effects.ts
// @ts-nocheck
import { Injectable, inject } from '@angular/core';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import { ProjectsActions } from './projects.actions';
import { ProjectsService } from '../services/projects.service';
import { catchError, exhaustMap, map, of } from 'rxjs';
@Injectable()
export class ProjectsEffects {
private actions$ = inject(Actions);
private service = inject(ProjectsService);
loadProjects$ = createEffect(() =>
this.actions$.pipe(
ofType(ProjectsActions.loadRequested),
exhaustMap(({ tenantId }) =>
this.service.getProjects(tenantId).pipe(
map((projects) => ProjectsActions.loadSucceeded({ projects })),
catchError((error) => of(ProjectsActions.loadFailed({ error }))),
),
),
),
);
}
Bài viết liên quan
server.js
server.js — javascript source code from the angular learning materials (angular/comprehensive-demo/server/server.js).
Đọc bài viết →app.component.ts
app.component.ts — typescript source code from the angular learning materials (angular/comprehensive-demo/src/app/app.component.ts).
Đọc bài viết →app.config.ts
app.config.ts — typescript source code from the angular learning materials (angular/comprehensive-demo/src/app/app.config.ts).
Đọc bài viết →app.routes.ts
app.routes.ts — typescript source code from the angular learning materials (angular/comprehensive-demo/src/app/app.routes.ts).
Đọc bài viết →auth.guard.ts
auth.guard.ts — typescript source code from the angular learning materials (angular/comprehensive-demo/src/app/core/guards/auth.guard.ts).
Đọc bài viết →role.guard.ts
role.guard.ts — typescript source code from the angular learning materials (angular/comprehensive-demo/src/app/core/guards/role.guard.ts).
Đọc bài viết →