Control Flow Baru — Angular

Angular 17+ memperkenalkan built-in control flow yang lebih bersih. @if @if (loggedIn) { Selamat datang! } @else { Silakan login } @for @for (item of items…

Angular 17+ memperkenalkan built-in control flow yang lebih bersih.

@if

@if (loggedIn) {
  <p>Selamat datang!</p>
} @else {
  <p>Silakan login</p>
}

@for

@for (item of items; track item.id) {
  <li>{{ item.name }}</li>
} @empty {
  <li>Tidak ada item</li>
}

@switch

@switch (role) {
  @case ("admin") { <p>Admin Panel</p> }
  @case ("user") { <p>User Dashboard</p> }
  @default { <p>Guest View</p> }
}

track wajib di @for — seperti key di React. Ini menggantikan *ngIf dan *ngFor.

Yang akan kamu pelajari