GEDOPLAN
Webprogrammierung

Angular 16/17: new control flow

Webprogrammierung
ng1516titel

Diese Reihe wirft einen kurzen Blick auf einige Highlights der Angular Versionen 16 und 17. Heute: control flow.

Ein fantastisches neues Feature, welches in Angular 17 Einzug hält, ist die neue Block-Syntax, die in unseren Templates den Einsatz von Bedingungen und Schleifen stark vereinfacht. Hier setzt Angular auf eine ganz neue Syntax. Wo zuvor strukturelle Direktiven genutzt werden mussten (*ngIf, *ngFor…) erlaubt die neue Syntax nun eine wesentlich smartere Schreibweise

*ngIf

@if(show){
  I got shown
} @else{
 <div>me not</div>
}

*ngFor

<ul>
@for(u of users;track u.id){
  <li>{{u.name}}</li>
} @empty{
 <li>no entry</li>
}
</ul>

Besonderheiten:

  • “track” (analog trackBy der alten Direktiven) ist nun verpflichtend und dient zur Performanceoptimierung
  • @empty kann optional dazu verwendet werden, wenn keine Elemente vorhanden sind

*ngSwitch

@switch(userCount){
  @case (0) { no one }
  @case (1) { only one}
  @case (2) { two are okay}
  @default {more than we need}
}

Alles live in Farbe, bei GitHub

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Bitte füllen Sie dieses Feld aus.
Bitte füllen Sie dieses Feld aus.
Bitte gib eine gültige E-Mail-Adresse ein.
Sie müssen den Bedingungen zustimmen, um fortzufahren.

Autor

Diesen Artikel teilen

LinkedIn
Xing

Gibt es noch Fragen?

Fragen beantworten wir sehr gerne! Schreibe uns einfach per Kontaktformular.

Kurse

weitere Blogbeiträge

mask g258b04055 640
Web Security, Jakarta EE (Java EE), Spring

Jackson JSON Filter

JSON als Datenstruktur ist bei der Implementierung von Webservices kaum wegzudenken. Insbesondere Jackson als JSON Parser bietet eine ganze Reihe von Möglichkeiten, um auf die Generierung einzuwirken. Ein naheliegen Anwendungsfall hier z.B. das Ausblenden von bestimmten Attributen basierend auf Benutzer-Rollen oder Berechtigungen. Vorhang auf für: @JsonFilter

Work Life Balance. Jobs bei Gedoplan

We are looking for you!

Lust bei GEDOPLAN mitzuarbeiten? Wir suchen immer Verstärkung – egal ob Entwickler, Dozent, Trainerberater oder für unser IT-Marketing! Schau doch einfach mal auf unsere Jobseiten! Wir freuen uns auf Dich!

Work Life Balance. Jobs bei Gedoplan

We are looking for you!

Lust bei GEDOPLAN mitzuarbeiten? Wir suchen immer Verstärkung – egal ob Entwickler, Dozent, Trainerberater oder für unser IT-Marketing! Schau doch einfach mal auf unsere Jobseiten! Wir freuen uns auf Dich!