Angular - Directives
You want to display different messages for user roles: 'admin', 'editor', 'guest', and a default for others. Which Angular template correctly uses
*ngSwitch to handle this?You want to display different messages for user roles: 'admin', 'editor', 'guest', and a default for others. Which Angular template correctly uses *ngSwitch to handle this?
hard📝 Application Q15 of 15
Step-by-Step Solution
Solution:
Step 1: Check the main
The main switch must use property binding syntax:[ngSwitch]binding[ngSwitch]="userRole".Step 2: Verify
Each case value is a string and must be quoted like*ngSwitchCasevalues are strings with quotes*ngSwitchCase="'admin'".Step 3: Confirm default case is present
The default case uses*ngSwitchDefaultwithout a value, which is correct.Final Answer:
Correctly uses [ngSwitch] and quotes string cases -> Option DQuick Check:
Use [ngSwitch] and quote string cases = D [OK]
Quick Trick: Use [ngSwitch] and quote string cases in *ngSwitchCase [OK]
Common Mistakes:
- Using *ngSwitch instead of [ngSwitch]
- Not quoting string case values
- Missing *ngSwitchDefault block
Master "Directives" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes