angular

Czy wiesz, że w Angular 17 została wprowadzona alternatywa dla *ngSwitch?

10 marca 2025

W Angular 17 pojawiło się built-it control flow, które zostało ustabilizowane w wersji 18. Są to zamienniki dyrektyw *ngIf (opisaliśmy to tutaj), *ngFor (opisane tutaj), *ngSwitch.

@switch jest odpowiednikiem *ngSwitch. Oferuje tą samą funkcjonalność. Przykładowe wykorzystanie:

// *ngSwitch
<ng-container [ngSwitch]="color">
  <p *ngSwitchCase="'blue'">Blue</p>
  <p *ngSwitchCase="'red'">Red</p>
  <p *ngSwitchDefault>Default case</p>
</ng-container>
 
// @switch
@switch(color) {
  @case ('blue') {
    Blue
  }
  @case ('red') {
    Red
  }
  @default {
    Default case
  }
}

@switch poprawia czytelność, oddzielając logikę od tagów html.