[Solved] What will be the output of this template?<div *ngFor="let num of [1,2,3]; let idx = index">{{idx}}: {{num}}</div> | Angular

Angular - Directives

What will be the output of this template?

<div *ngFor="let num of [1,2,3]; let idx = index">{{idx}}: {{num}}</div>

A0: 1 1: 2 2: 3

B1: 1 2: 2 3: 3

Cindex: num repeated 3 times

DSyntax error due to index alias

Step-by-Step Solution

Solution:

Step 1: Identify index and value usage
The idx variable holds the zero-based index, and num holds the current number.
Step 2: Understand output format
Each <div> shows index and number separated by colon.
Final Answer:
0: 1 1: 2 2: 3 -> Option A
Quick Check:
Index starts at 0, displayed with value = 0: 1 1: 2 2: 3 [OK]

Quick Trick: Index starts at 0 in *ngFor loops [OK]

Common Mistakes:

Master "Directives" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

What will be the output of this template?