How do you define an action with a payload using Angular's createAction function?

easy📝 Syntax Q3 of 15

Angular - State Management

How do you define an action with a payload using Angular's createAction function?

AcreateAction('loadData', payload: string);

BcreateAction('loadData', { data: string });

CcreateAction('loadData', (data: string) => ({ data }));

DcreateAction('loadData', props<{ data: string }>());

Step-by-Step Solution

Solution:

Step 1: Use createAction
The createAction function is used to define actions in Angular.
Step 2: Add payload with props
To specify a payload, you use props<T>() where T defines the payload type.
Final Answer:
createAction('loadData', props<{ data: string }>()); -> Option D
Quick Check:
Payloads require props [OK]

Quick Trick: Use props<{type}>() to add payloads [OK]

Common Mistakes:

Master "State Management" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes