[Solved] Which of the following is the correct syntax to create an Effect in Angular using createEffect? — Ans: loadData$ = createEffect(() => this.actions$.pipe(ofType(load), switchMap(() =>... | Angular

Angular - Signals

Which of the following is the correct syntax to create an Effect in Angular using createEffect?

AloadData$ = createEffect(this.actions$.pipe(ofType(load), map(() => this.api.getData())));

BloadData$ = createEffect(() => this.actions$.pipe(ofType(load), switchMap(() => this.api.getData())));

CloadData$ = createEffect(() => this.api.getData().pipe(ofType(load)));

DloadData$ = createEffect(() => this.actions$.pipe(map(load), switchMap(() => this.api.getData())));

Step-by-Step Solution

Solution:

Step 1: Check the correct use of createEffect
The effect must be a function returning an observable from this.actions$ piped through ofType and then a flattening operator like switchMap.
Step 2: Identify the correct chaining and operators
loadData$ = createEffect(() => this.actions$.pipe(ofType(load), switchMap(() => this.api.getData()))); correctly uses createEffect(() => this.actions$.pipe(ofType(load), switchMap(...))). Other options misuse operators or pipe placement.
Final Answer:
loadData$ = createEffect(() => this.actions$.pipe(ofType(load), switchMap(() => this.api.getData()))); -> Option B
Quick Check:
Effect syntax = createEffect with actions$.pipe and ofType [OK]

Quick Trick: createEffect needs a function returning actions$.pipe(...) [OK]

Common Mistakes:

Master "Signals" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which of the following is the correct syntax to create an Effect in Angular using createEffect?