In the preceding section, we looked at the HeaderComponent. However, we skipped some details about its template. The HeaderComponent uses what is known as a structural directive:
<li *ngFor="let link of links"> // ... </li>
Structural directives are responsible for HTML layout. They shape or reshape the DOM's structure, typically by adding, removing, or manipulating elements.