[Solved] Identify the error in this template:<div *ngIf="isVisible; else noContent">Visible</div> <ng-template noContent>Hidden</ng-template> | Angular

Angular - Directives

Identify the error in this template:

<div *ngIf="isVisible; else noContent">Visible</div>
<ng-template noContent>Hidden</ng-template>

AThe <code>*ngIf</code> syntax is incorrect; else cannot be used.

BThere is no error; the code is correct.

CThe <code>div</code> tag cannot have <code>*ngIf</code> directive.

DThe <code>ng-template</code> is missing the template reference variable (#).

Step-by-Step Solution

Solution:

Step 1: Check else template reference
The else clause requires a template reference variable with # on the ng-template.
Step 2: Identify missing #
Here, <ng-template noContent> lacks #noContent, so Angular cannot find the template.
Final Answer:
The ng-template is missing the template reference variable (#). -> Option D
Quick Check:
Always add # to ng-template for else [OK]

Quick Trick: Add # before template name in ng-template for else [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 template: