[Solved] Identify the error in this Angular template:<div [ngIf]="isVisible">Content</div> — Ans: ngIf should be used with * prefix, not as attribute binding | Angular

Angular - Directives

Identify the error in this Angular template:

<div [ngIf]="isVisible">Content</div>

AngIf should be used with * prefix, not as attribute binding

BngIf cannot be used on div elements

CngIf requires parentheses around the condition

DngIf must be imported from @angular/forms

Step-by-Step Solution

Solution:

Step 1: Recall correct ngIf syntax
ngIf is a structural directive and must be used with * prefix, e.g., *ngIf="condition".
Step 2: Analyze given code
The code uses [ngIf] which is invalid syntax for structural directives.
Final Answer:
ngIf should be used with * prefix, not as attribute binding -> Option A
Quick Check:
Structural directives use * prefix [OK]

Quick Trick: Use * prefix for structural directives like ngIf [OK]

Common Mistakes:

Master "Directives" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this Angular template: