Angular - Directives
Which of these is the correct syntax to use
*ngIf with an else template?Which of these is the correct syntax to use *ngIf with an else template?
easy📝 Syntax Q3 of 15
Step-by-Step Solution
Solution:
Step 1: Recall
The correct syntax uses*ngIfelse syntax*ngIf="condition; else templateRef"and a separate<ng-template>with the matching reference.Step 2: Match syntax with options
Content shownNo content correctly useselse noContentand defines<ng-template #noContent>. Others misuse else or template references.Final Answer:
<div *ngIf="isVisible; else noContent">Content shown</div><ng-template #noContent>No content</ng-template> -> Option BQuick Check:
*ngIfelse syntax =Content shownNo content [OK]
Quick Trick: Use
*ngIf="cond; else templateRef" with <ng-template> [OK]Common Mistakes:
- Placing else outside the *ngIf attribute
- Using else without ng-template
- Incorrect template reference syntax
Master "Directives" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes