Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | 1x 3x 3x 3x 3x 3x 1x 3x 3x 1x 3x 3x 1x | import { Location } from '@angular/common';
import { inject, Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import { tap } from 'rxjs/operators';
import { routerAction } from './router.actions';
@Injectable({
providedIn: 'root',
})
export class AppRouterEffects {
private readonly action$ = inject(Actions);
private readonly router = inject(Router);
private readonly location = inject(Location);
public readonly navigate$ = createEffect(
() =>
this.action$.pipe(
ofType(routerAction.navigate),
tap(({ payload: { path, query: queryParams, extras } }) => {
void this.router.navigate(path, { queryParams, ...extras });
}),
),
{ dispatch: false },
);
public readonly back$ = createEffect(
() =>
this.action$.pipe(
ofType(routerAction.back),
tap(() => {
this.location.historyGo(-1);
}),
),
{ dispatch: false },
);
public readonly forward$ = createEffect(
() =>
this.action$.pipe(
ofType(routerAction.forward),
tap(() => {
this.location.historyGo(1);
}),
),
{ dispatch: false },
);
}
|