Which of the following is the correct syntax for using the structural directive that repeats elements in Angular?

easy📝 Syntax Q12 of 15

Angular - Directives

A<code><div *ngFor="let item of items">{{item}}</div></code>

B<code><div [ngFor]="items">{{item}}</div></code>

C<code><div (ngFor)="items">{{item}}</div></code>

D<code><div #ngFor="items">{{item}}</div></code>

Step-by-Step Solution

Solution:

Step 1: Recall the syntax for the structural directive *ngFor
The correct syntax uses an asterisk (*) before ngFor and a let variable to iterate.
Step 2: Check each option's syntax
Only <div *ngFor="let item of items">{{item}}</div> uses *ngFor="let item of items" which is correct.
Final Answer:
<div *ngFor="let item of items">{{item}}</div> -> Option A
Quick Check:
*ngFor syntax = <div *ngFor="let item of items">{{item}}</div> [OK]

Quick Trick: Structural directives use * before directive name [OK]

Common Mistakes:

Master "Directives" in Angular

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Angular Quizzes