Angular menyediakan structural directives bawaan untuk mengontrol DOM.

*ngIf

<p *ngIf="loggedIn">Selamat datang!</p>
<p *ngIf="!loggedIn">Silakan login</p>

*ngIf dengan else

<div *ngIf="loggedIn; else loginTemplate">
  <p>Halo, {{ nama }}!</p>
</div>
<ng-template #loginTemplate>
  <p>Silakan login</p>
</ng-template>

*ngFor

<ul>
  <li *ngFor="let item of items; let i = index">
    {{ i + 1 }}. {{ item }}
  </li>
</ul>

ngClass dan ngStyle

<div [ngClass]="{ active: isActive, disabled: isDisabled }">
  Teks
</div>
<div [ngStyle]="{ color: textColor, fontSize: size + 'px' }">
  Styled
</div>